handle -0 values for space-x-* and space-y-*

Author: RobinMalfait

packages/tailwindcss/src/utilities.test.ts

@@ -9926,6 +9926,9 @@ test('space-x', async () => {
         'space-x-0',
         'space-x-[0]',
         'space-x-[0px]',
+        '-space-x-0',
+        'space-x-[-0]',
+        'space-x-[-0px]',
         'space-x-1',
         '-space-x-1',
         'space-x-4',
@@ -9955,6 +9958,11 @@ test('space-x', async () => {
       --spacing-4: 1rem;
     }
 
+    :where(.-space-x-0 > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline: 0;
+    }
+
     :where(.-space-x-1 > :not(:last-child)) {
       --tw-space-x-reverse: 0;
       margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));
@@ -9984,7 +9992,7 @@ test('space-x', async () => {
       margin-inline-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-x-reverse)));
     }
 
-    :where(.space-x-\\[0\\] > :not(:last-child)), :where(.space-x-\\[0px\\] > :not(:last-child)) {
+    :where(.space-x-\\[-0\\] > :not(:last-child)), :where(.space-x-\\[-0px\\] > :not(:last-child)), :where(.space-x-\\[0\\] > :not(:last-child)), :where(.space-x-\\[0px\\] > :not(:last-child)) {
       --tw-space-x-reverse: 0;
       margin-inline: 0;
     }
@@ -10012,6 +10020,9 @@ test('space-y', async () => {
         'space-y-0',
         'space-y-[0]',
         'space-y-[0px]',
+        '-space-y-0',
+        'space-y-[-0]',
+        'space-y-[-0px]',
         'space-y-1',
         '-space-y-1',
         'space-y-4',
@@ -10041,6 +10052,11 @@ test('space-y', async () => {
       --spacing-4: 1rem;
     }
 
+    :where(.-space-y-0 > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block: 0;
+    }
+
     :where(.-space-y-1 > :not(:last-child)) {
       --tw-space-y-reverse: 0;
       margin-block-start: calc(calc(var(--spacing) * -1) * var(--tw-space-y-reverse));
@@ -10070,7 +10086,7 @@ test('space-y', async () => {
       margin-block-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));
     }
 
-    :where(.space-y-\\[0\\] > :not(:last-child)), :where(.space-y-\\[0px\\] > :not(:last-child)) {
+    :where(.space-y-\\[-0\\] > :not(:last-child)), :where(.space-y-\\[-0px\\] > :not(:last-child)), :where(.space-y-\\[0\\] > :not(:last-child)), :where(.space-y-\\[0px\\] > :not(:last-child)) {
       --tw-space-y-reverse: 0;
       margin-block: 0;
     }

packages/tailwindcss/src/utilities.ts

@@ -2123,6 +2123,7 @@ export function createUtilities(theme: Theme) {
     (value) => {
       let zero = (() => {
         if (value === '--spacing(0)') return true
+        if (value === '--spacing(-0)') return true
 
         let parsed = dimensions.get(value)
         if (parsed && parsed[0] === 0) return true
@@ -2153,6 +2154,7 @@ export function createUtilities(theme: Theme) {
     (value) => {
       let zero = (() => {
         if (value === '--spacing(0)') return true
+        if (value === '--spacing(-0)') return true
 
         let parsed = dimensions.get(value)
         if (parsed && parsed[0] === 0) return true