Add all known shorthand properties, constituents, and sibling constituents.

This no longer sorts `border-top` vs. `border-block-start` as they are siblings, not a sibling of a constituent…

Author: kylorhall-atlassian

packages/css/src/plugins/__tests__/sort-shorthand-declarations.test.ts

@@ -193,10 +193,10 @@ describe('sort shorthand vs. longhand declarations', () => {
         .e {
           border-block-start-color: transparent;
         }
-        .d {
+        .c {
           border-block-start: none;
         }
-        .c {
+        .d {
           border-top: none;
         }
         .b {
@@ -232,10 +232,10 @@ describe('sort shorthand vs. longhand declarations', () => {
       .e {
         border-block-start-color: transparent;
       }
-      .d {
+      .c {
         border-block-start: none;
       }
-      .c {
+      .d {
         border-top: none;
       }
       .b {
@@ -268,10 +268,10 @@ describe('sort shorthand vs. longhand declarations', () => {
         border: none;
       }
       .c {
-        border-top: none;
+        border-block-start: none;
       }
       .d {
-        border-block-start: none;
+        border-top: none;
       }
       .d:active {
         border-block-start: none;
@@ -296,10 +296,10 @@ describe('sort shorthand vs. longhand declarations', () => {
           border: none;
         }
         .c {
-          border-top: none;
+          border-block-start: none;
         }
         .d {
-          border-block-start: none;
+          border-top: none;
         }
         .e {
           border-block-start-color: transparent;
@@ -331,8 +331,8 @@ describe('sort shorthand vs. longhand declarations', () => {
       .a {
         all: reset;
         border: 2px dashed;
-        border-top: red;
         border-block-start: 1px solid;
+        border-top: red;
         border-block-start-color: transparent;
       }
       .b { all: unset; }

packages/css/src/plugins/sort-shorthand-declarations.ts

@@ -21,6 +21,8 @@ const findDeclaration = (node: ChildNode): Declaration | Declaration[] | undefin
 
     return declarations;
   }
+
+  return undefined;
 };
 
 const sortNodes = (a: ChildNode, b: ChildNode): number => {