Reorder test results

Author: MartijnCuppens

packages/@tailwindcss-upgrade/src/template/codemods/theme-to-var.test.ts

@@ -10,7 +10,6 @@ test.each([
 
   // Handle special cases around `.1` in the `theme(…)`
   ['[--value:theme(spacing.1)]', '[--value:calc(var(--spacing)*1)]'],
-  ['[--value:theme(fontSize.xs.1.lineHeight)]', '[--value:var(--text-xs--line-height)]'],
   ['[--value:theme(spacing[1.25])]', '[--value:calc(var(--spacing)*1.25)]'],
 
   // Should not convert invalid spacing values to calc

packages/tailwindcss/src/index.test.ts

@@ -1386,6 +1386,7 @@ describe('Parsing themes values from CSS', () => {
 
       .text-lg {
         font-size: var(--text-lg);
+        line-height: var(--tw-leading, var(--default-line-height));
       }
 
       .text-potato {

packages/tailwindcss/src/utilities.test.ts

@@ -14728,49 +14728,24 @@ test('text', async () => {
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
 
-    .text-\\[12px\\]\\/6 {
+    .text-\\[12px\\] {
       font-size: 12px;
-      line-height: var(--line-height-6);
-    }
-
-    .text-\\[50\\%\\]\\/6 {
-      font-size: 50%;
-      line-height: var(--line-height-6);
-    }
-
-    .text-\\[clamp\\(1rem\\,var\\(--size\\)\\,3rem\\)\\]\\/9 {
-      font-size: clamp(1rem, var(--size), 3rem);
-      line-height: var(--line-height-9);
-    }
-
-    .text-\\[larger\\]\\/6 {
-      font-size: larger;
-      line-height: var(--line-height-6);
-    }
-
-    .text-\\[xx-large\\]\\/6 {
-      font-size: xx-large;
-      line-height: var(--line-height-6);
+      line-height: var(--tw-leading, var(--default-line-height));
     }
 
-    .text-sm\\/6 {
-      font-size: var(--text-sm);
+    .text-\\[12px\\]\\/6 {
+      font-size: 12px;
       line-height: var(--line-height-6);
     }
 
-    .text-sm\\/\\[4px\\] {
-      font-size: var(--text-sm);
-      line-height: 4px;
-    }
-
-    .text-\\[12px\\] {
-      font-size: 12px;
+    .text-\\[50\\%\\] {
+      font-size: 50%;
       line-height: var(--tw-leading, var(--default-line-height));
     }
 
-    .text-\\[50\\%\\] {
+    .text-\\[50\\%\\]\\/6 {
       font-size: 50%;
-      line-height: var(--tw-leading, var(--default-line-height));
+      line-height: var(--line-height-6);
     }
 
     .text-\\[absolute-size\\:var\\(--my-size\\)\\] {
@@ -14788,11 +14763,21 @@ test('text', async () => {
       line-height: var(--tw-leading, var(--default-line-height));
     }
 
+    .text-\\[clamp\\(1rem\\,var\\(--size\\)\\,3rem\\)\\]\\/9 {
+      font-size: clamp(1rem, var(--size), 3rem);
+      line-height: var(--line-height-9);
+    }
+
     .text-\\[larger\\] {
       font-size: larger;
       line-height: var(--tw-leading, var(--default-line-height));
     }
 
+    .text-\\[larger\\]\\/6 {
+      font-size: larger;
+      line-height: var(--line-height-6);
+    }
+
     .text-\\[length\\:var\\(--my-size\\)\\], .text-\\[percentage\\:var\\(--my-size\\)\\], .text-\\[relative-size\\:var\\(--my-size\\)\\] {
       font-size: var(--my-size);
       line-height: var(--tw-leading, var(--default-line-height));
@@ -14803,6 +14788,21 @@ test('text', async () => {
       line-height: var(--tw-leading, var(--default-line-height));
     }
 
+    .text-\\[xx-large\\]\\/6 {
+      font-size: xx-large;
+      line-height: var(--line-height-6);
+    }
+
+    .text-sm\\/6 {
+      font-size: var(--text-sm);
+      line-height: var(--line-height-6);
+    }
+
+    .text-sm\\/\\[4px\\] {
+      font-size: var(--text-sm);
+      line-height: 4px;
+    }
+
     .text-\\[\\#0088cc\\] {
       color: #08c;
     }