fix: Prevent reordering of white-space and text-wrap

src/core/main.mjs

@@ -123,6 +123,17 @@ function withOverridesComparator (shorthandData) {
       if (shorthandData[a] && shorthandData[a].includes(b)) return 0;
       if (shorthandData[b] && shorthandData[b].includes(a)) return 0;
 
+      // This is necessary when two shorthands have matching longhands
+      // without either shorthand being a longhand of the other.
+      // e.g. `text-wrap` and `white-space` both control `text-wrap-mode`.
+      if (
+        shorthandData[a] &&
+        shorthandData[b] &&
+        shorthandData[a].some(prop => shorthandData[b].includes(prop))
+      ) {
+        return 0;
+      }
+
       return comparator(a, b);
     };
   };

src/core/main.test.mjs

@@ -244,6 +244,12 @@ const keepOverridesTests = [
     expected: 'a{border-radius: 5px;border-end-end-radius: 0;border-end-start-radius: 0;}',
     options: { keepOverrides: true },
   },
+  {
+    message: 'Keep text-wrap and white-space in authored order.',
+    fixture: 'a{white-space: pre;text-wrap: wrap;}',
+    expected: 'a{white-space: pre;text-wrap: wrap;}',
+    options: { keepOverrides: true },
+  },
 ];
 
 testCssFixtures('Should order declarations.', sortOrderTests);

src/core/shorthand-data.mjs

@@ -470,6 +470,10 @@ export const shorthandData = {
     'text-wrap-mode',
     'text-wrap-style',
   ],
+  'white-space': [
+    'white-space-collapse',
+    'text-wrap-mode',
+  ],
   'transition': [
     'transition-delay',
     'transition-duration',