diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index 6536c3eb8..2c097492e 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -1294,8 +1294,7 @@ export function createUtilities(theme: Theme) { return [decl('rotate', value)] } } else { - value = theme.resolve(candidate.value.value, ['--rotate']) - if (!value && !Number.isNaN(Number(candidate.value.value))) { + if (!Number.isNaN(Number(candidate.value.value))) { value = `${candidate.value.value}deg` } if (!value) return @@ -1427,8 +1426,7 @@ export function createUtilities(theme: Theme) { value = candidate.value.value return [decl('scale', value)] } else { - value = theme.resolve(candidate.value.value, ['--scale']) - if (!value && !Number.isNaN(Number(candidate.value.value))) { + if (!Number.isNaN(Number(candidate.value.value))) { value = `${candidate.value.value}%` } if (!value) return @@ -1818,7 +1816,8 @@ export function createUtilities(theme: Theme) { staticUtility('columns-auto', [['columns', 'auto']]) functionalUtility('columns', { - themeKeys: ['--columns', '--width'], + // TODO: Do we want to remove the `--columns` or not? + themeKeys: ['--width'], handleBareValue: ({ value }) => { if (!Number.isInteger(Number(value))) return null return value @@ -2335,7 +2334,8 @@ export function createUtilities(theme: Theme) { functionalUtility('divide-x', { defaultValue: theme.get(['--default-border-width']) ?? '1px', - themeKeys: ['--divide-width', '--border-width'], + // TODO: Do we want to remove `--divide-width` or not? + themeKeys: ['--border-width'], handleBareValue: ({ value }) => { if (Number.isNaN(Number(value))) return null return `${value}px` @@ -2358,7 +2358,8 @@ export function createUtilities(theme: Theme) { functionalUtility('divide-y', { defaultValue: theme.get(['--default-border-width']) ?? '1px', - themeKeys: ['--divide-width', '--border-width'], + // TODO: Do we want to remove `--divide-width` or not? + themeKeys: ['--border-width'], handleBareValue: ({ value }) => { if (Number.isNaN(Number(value))) return null return `${value}px` @@ -2380,7 +2381,7 @@ export function createUtilities(theme: Theme) { suggest('divide-x', () => [ { values: ['0', '2', '4', '8'], - valueThemeKeys: ['--divide-width', '--border-width'], + valueThemeKeys: ['--border-width'], hasDefaultValue: true, }, ]) @@ -2388,7 +2389,7 @@ export function createUtilities(theme: Theme) { suggest('divide-y', () => [ { values: ['0', '2', '4', '8'], - valueThemeKeys: ['--divide-width', '--border-width'], + valueThemeKeys: ['--border-width'], hasDefaultValue: true, }, ])