fix: stylelint

.stylelintrc.mjs

@@ -0,0 +1,27 @@
+export default {
+  extends: [
+    'stylelint-config-html',
+    'stylelint-config-recommended-scss',
+    'stylelint-config-recommended-vue/scss',
+  ],
+  plugins: [
+    'stylelint-order',
+    '@kong/design-tokens/stylelint-plugin',
+    '@stylistic/stylelint-plugin',
+  ],
+  rules: {
+    'order/properties-alphabetical-order': true,
+    '@kong/design-tokens/use-proper-token': true,
+    '@stylistic/indentation': [2, { baseIndentLevel: 0 }],
+    // Only allow @kong/design-tokens or `--kong-ui-*` CSS custom properties
+    'custom-property-pattern': [
+      '^(kui).+$',
+      {
+        message: "Expected custom property \"%s\" to be sourced from @kong/design-tokens with prefix '--kui-'",
+      },
+    ],
+    'custom-property-no-missing-var-function': true,
+    // Disable the following rules
+    'no-descending-specificity': null,
+  },
+}

package.json

@@ -84,6 +84,7 @@
     "@kong/eslint-config-kong-ui": "^1.1.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
+    "@stylistic/stylelint-plugin": "^2.1.2",
     "@types/inquirer": "^9.0.7",
     "@types/node": "^20.14.2",
     "@types/sortablejs": "^1.15.8",