stylelint scss settings

.stylelintrc.json

@@ -1,7 +1,15 @@
 {
-  "extends": [
-    "stylelint-config-standard-scss",
-    "stylelint-config-idiomatic-order",
-    "stylelint-config-prettier-scss"
+  "plugins": ["stylelint-scss"],
+  "rules": {
+    "color-hex-length": "short",
+    "at-rule-no-unknown": null,
+    "scss/at-rule-no-unknown": true
+  },
+  "customSyntax": "postcss-html",
+  "overrides": [
+    {
+      "files": ["**/*.scss"],
+      "customSyntax": "postcss-scss"
+    }
   ]
 }

package.json

@@ -53,6 +53,7 @@
     "imagemin-svgo": "^10.0.1",
     "mini-css-extract-plugin": "^2.8.1",
     "postcss": "^8.4.37",
+    "postcss-html": "^1.7.0",
     "postcss-loader": "^8.1.1",
     "prettier": "^3.2.5",
     "release-it": "^17.1.1",
@@ -64,6 +65,7 @@
     "stylelint-config-idiomatic-order": "^10.0.0",
     "stylelint-config-prettier-scss": "^1.0.0",
     "stylelint-config-standard-scss": "^13.0.0",
+    "stylelint-scss": "^6.4.1",
     "webpack": "^5.90.3",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.4",