diff --git a/packages/tailwindcss/src/index.test.ts b/packages/tailwindcss/src/index.test.ts
index 0da48400381..89f1918fff1 100644
--- a/packages/tailwindcss/src/index.test.ts
+++ b/packages/tailwindcss/src/index.test.ts
@@ -228,13 +228,13 @@ describe('@apply', () => {
       }
 
       @property --tw-translate-x {
-        syntax: "<length-percentage>";
+        syntax: "<length> | <percentage>";
         inherits: false;
         initial-value: 0;
       }
 
       @property --tw-translate-y {
-        syntax: "<length-percentage>";
+        syntax: "<length> | <percentage>";
         inherits: false;
         initial-value: 0;
       }
diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts
index 058b477dcdb..db725da7883 100644
--- a/packages/tailwindcss/src/utilities.test.ts
+++ b/packages/tailwindcss/src/utilities.test.ts
@@ -2510,13 +2510,13 @@ test('translate', () => {
     }
 
     @property --tw-translate-x {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 0;
     }
 
     @property --tw-translate-y {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 0;
     }
@@ -2564,13 +2564,13 @@ test('translate-x', () => {
       }
 
       @property --tw-translate-x {
-        syntax: "<length-percentage>";
+        syntax: "<length> | <percentage>";
         inherits: false;
         initial-value: 0;
       }
 
       @property --tw-translate-y {
-        syntax: "<length-percentage>";
+        syntax: "<length> | <percentage>";
         inherits: false;
         initial-value: 0;
       }
@@ -2618,13 +2618,13 @@ test('translate-y', () => {
       }
 
       @property --tw-translate-x {
-        syntax: "<length-percentage>";
+        syntax: "<length> | <percentage>";
         inherits: false;
         initial-value: 0;
       }
 
       @property --tw-translate-y {
-        syntax: "<length-percentage>";
+        syntax: "<length> | <percentage>";
         inherits: false;
         initial-value: 0;
       }
@@ -2661,13 +2661,13 @@ test('translate-z', () => {
     }
 
     @property --tw-translate-x {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 0;
     }
 
     @property --tw-translate-y {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 0;
     }
@@ -2700,13 +2700,13 @@ test('translate-3d', () => {
     }
 
     @property --tw-translate-x {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 0;
     }
 
     @property --tw-translate-y {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 0;
     }
@@ -8189,19 +8189,19 @@ test('from', () => {
     }
 
     @property --tw-gradient-from-position {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 0%;
     }
 
     @property --tw-gradient-via-position {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 50%;
     }
 
     @property --tw-gradient-to-position {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 100%;
     }"
@@ -8426,19 +8426,19 @@ test('via', () => {
     }
 
     @property --tw-gradient-from-position {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 0%;
     }
 
     @property --tw-gradient-via-position {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 50%;
     }
 
     @property --tw-gradient-to-position {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 100%;
     }"
@@ -8651,19 +8651,19 @@ test('to', () => {
     }
 
     @property --tw-gradient-from-position {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 0%;
     }
 
     @property --tw-gradient-via-position {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 50%;
     }
 
     @property --tw-gradient-to-position {
-      syntax: "<length-percentage>";
+      syntax: "<length> | <percentage>";
       inherits: false;
       initial-value: 100%;
     }"