Fix border-inline-start and border-inline-end not having any valid ordering (#1756)

* Fix border-inline-start and border-inline-end not having any valid ordering

* Undo addition of packageManager

Author: dddlr

.changeset/unlucky-boxes-brake.md

@@ -0,0 +1,6 @@
+---
+'@compiled/eslint-plugin': patch
+'@compiled/utils': patch
+---
+
+Fix border-inline-start and border-inline-end not having any valid ordering in the shorthand-property-sorting ESLint rule

packages/eslint-plugin/src/rules/shorthand-property-sorting/__tests__/rule.test.ts

@@ -269,6 +269,23 @@ tester.run('shorthand-property-sorting', shorthandFirst, {
         export const EmphasisText = ({ children, status }) => <span css={containerAppearance[status]}>{children}</span>;
       `,
     },
+
+    //
+    // has a valid sorting for borderInlineStart and borderInlineEnd
+    //
+
+    {
+      name: 'has a valid sorting for borderInlineStart and borderInlineEnd',
+      code: `
+        import { styled } from '@compiled/react';
+
+        const Bap = styled.div({
+          borderTop: 'none',
+          borderInlineStart: 'none',
+          borderInlineEnd: 'none',
+        });
+      `,
+    },
   ]),
 
   invalid: includedImports.flatMap((imp) => [

packages/utils/src/shorthand.ts

@@ -232,9 +232,6 @@ export const shorthandFor: Record<ShorthandProperties, true | readonly string[]>
     'border-inline-end-color',
     'border-inline-end-style',
     'border-inline-end-width',
-    'border-left-color',
-    'border-left-style',
-    'border-left-width',
     'border-right-color',
     'border-right-style',
     'border-right-width',
@@ -246,9 +243,6 @@ export const shorthandFor: Record<ShorthandProperties, true | readonly string[]>
     'border-left-color',
     'border-left-style',
     'border-left-width',
-    'border-right-color',
-    'border-right-style',
-    'border-right-width',
   ],
   'border-left': [
     'border-inline-start-color',