Remove deprecated Stylelint configuration and update dependencies for improved linting support

.stylelintrc

@@ -1,8 +0,0 @@
-{
-  "extends": [
-    "stylelint-config-twbs-bootstrap/scss"
-  ],
-  "rules": {
-    "selector-no-qualifying-type": null
-  }
-}

core/package.json

@@ -11,7 +11,9 @@
     "clean": "shx rm -rf dist demo",
     "css": "tsx ../.build/build-css.ts scss dist/css --rtl --minify --banner",
     "css-build": "tsx ../.build/build-css.ts scss dist/css",
-    "css-lint": "pnpm run css-lint-variables",
+    "css-lint": "pnpm run lint:scss && pnpm run css-lint-variables",
+    "lint:scss": "stylelint \"scss/**/*.scss\" --config ../stylelint.config.mjs",
+    "lint:scss:fix": "pnpm run lint:scss --fix",
     "css-lint-variables": "find-unused-sass-variables scss/",
     "js": "pnpm run js-build && pnpm run js-build-min",
     "js-build": "concurrently \"pnpm run js-build-standalone\" \"pnpm run js-build-theme\"",
@@ -284,4 +286,4 @@
   "directories": {
     "doc": "docs"
   }
-}
+}

package.json

@@ -34,6 +34,7 @@
   "devDependencies": {
     "@changesets/changelog-github": "^0.7.0",
     "@changesets/cli": "^2.31.1",
+    "@stylistic/stylelint-config": "^5.0.0",
     "adm-zip": "^0.6.0",
     "autoprefixer": "^10.5.4",
     "bundlewatch": "^0.4.2",
@@ -52,6 +53,8 @@
     "rtlcss": "^4.3.0",
     "sass": "1.102.0",
     "shelljs": "^0.10.0",
+    "stylelint": "^17.14.1",
+    "stylelint-config-twbs-bootstrap": "^16.1.0",
     "terser": "^5.49.0",
     "tsx": "^4.23.1",
     "turbo": "2.10.7",

stylelint.config.mjs

@@ -0,0 +1,35 @@
+import stylistic from '@stylistic/stylelint-config'
+
+const prettierOwned = Object.fromEntries(Object.keys(stylistic.rules).map((rule) => [rule, null]))
+
+export default {
+  extends: ['stylelint-config-twbs-bootstrap'],
+  ignoreFiles: ['**/node_modules/**', '**/dist/**'],
+  rules: {
+    ...prettierOwned,
+    'scss/dollar-variable-colon-space-after': null,
+    'selector-no-qualifying-type': null,
+    'scss/at-function-named-arguments': null,
+  },
+  overrides: [
+    {
+      files: ['core/scss/bootstrap/**/*.scss', 'core/scss/mixins/bootstrap/**/*.scss'],
+      rules: { 'scss/operator-no-unspaced': null },
+    },
+    {
+      files: ['core/scss/tests/**/*.scss'],
+      rules: { 'declaration-no-important': null, 'color-named': null },
+    },
+    {
+      files: ['core/scss/vendor/**/*.scss'],
+      rules: {
+        'declaration-no-important': null,
+        'selector-class-pattern': null,
+        'selector-max-class': null,
+        'selector-max-compound-selectors': null,
+        'custom-property-no-missing-var-function': null,
+        'scss/selector-no-redundant-nesting-selector': null,
+      },
+    },
+  ],
+}