diff --git a/CHANGELOG.md b/CHANGELOG.md index 757bdbe5eefe..bdc90f212a54 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -24,6 +24,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Vite: Ensure utility classes are read without escaping special characters ([#16631](https://github.com/tailwindlabs/tailwindcss/pull/16631)) - Allow `theme(…)` options when using `@import` ([#16514](https://github.com/tailwindlabs/tailwindcss/pull/16514)) - Use amount of properties when sorting ([#16715](https://github.com/tailwindlabs/tailwindcss/pull/16715)) +- Remove double generated `translate-z-px` utilities ([#16718](https://github.com/tailwindlabs/tailwindcss/pull/16718)) ## [4.0.7] - 2025-02-18 diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts index 2f00dcebe4b0..5c17d048082a 100644 --- a/packages/tailwindcss/src/utilities.test.ts +++ b/packages/tailwindcss/src/utilities.test.ts @@ -4213,16 +4213,22 @@ test('translate-y', async () => { }) test('translate-z', async () => { - expect(await run(['translate-z-px', '-translate-z-[var(--value)]'])).toMatchInlineSnapshot(` + expect( + await run(['-translate-z-px', 'translate-z-px', '-translate-z-[var(--value)]']), + ).toMatchInlineSnapshot(` ".-translate-z-\\[var\\(--value\\)\\] { --tw-translate-z: calc(var(--value) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); } + .-translate-z-px { + --tw-translate-z: -1px; + translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); + } + .translate-z-px { --tw-translate-z: 1px; translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); - translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z); } @property --tw-translate-x { diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index 28bb0ce41dcd..c969bfa9578a 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -1230,16 +1230,6 @@ export function createUtilities(theme: Theme) { supportsNegative: true, }, ) - staticUtility(`-translate-z-px`, [ - translateProperties, - [`--tw-translate-z`, '-1px'], - ['translate', 'var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)'], - ]) - staticUtility(`translate-z-px`, [ - translateProperties, - [`--tw-translate-z`, '1px'], - ['translate', 'var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)'], - ]) staticUtility('translate-3d', [ translateProperties,