add failing test

- update test to include `translate-z-px` and `-translate-z-px`
- remove the additional `translate: …` properties

These should be fixed by the next commit

Author: RobinMalfait

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 {