MNT Replace sass-lint with stylelint

.stylelintrc.yml

@@ -0,0 +1,75 @@
+defaultSeverity: warning
+extends:
+    - stylelint-config-recommended-scss
+    - stylelint-config-sass-guidelines
+    - stylelint-config-standard
+plugins:
+    - stylelint-scss
+ignoreFiles:
+    - 'client/src/styles/legacy/*'
+    - 'admin/client/src/styles/legacy/*'
+rules:
+    # Line Spacing
+    rule-empty-line-before:
+        - always-multi-line
+        - ignore:
+            - after-comment
+            - first-nested
+            - inside-block
+    # Selector rules
+    selector-no-qualifying-type:
+        - true
+        - ignore:
+            - attribute
+            - class
+    selector-max-id: 2
+    selector-max-compound-selectors: 5
+    selector-pseudo-element-colon-notation:
+        - single
+    no-descending-specificity:
+        - true
+        - ignore:
+            - selectors-within-list
+    max-nesting-depth:
+        - 3
+        - ignore: 
+            - blockless-at-rules
+            - pseudo-classes
+    # Color rules
+    color-function-notation:
+        - legacy
+    alpha-value-notation:
+        - number
+    number-max-precision: 5
+    color-named:
+        - never
+        - ignore: 
+            - inside-function
+    # Common rules
+    function-url-quotes: always
+    import-notation: string
+    annotation-no-unknown:
+        - true
+        - ignoreAnnotations:
+            - 'default'
+    comment-no-empty:
+        - true
+    declaration-block-no-duplicate-properties:
+        - true
+    no-irregular-whitespace:
+        - true
+    block-no-empty:
+      - true
+      - ignore:
+        - comments
+    font-family-name-quotes:
+        - always-unless-keyword
+    # Turn off rules 
+    selector-class-pattern: null
+    function-no-unknown: null
+    property-no-vendor-prefix: null
+    value-no-vendor-prefix: null
+    font-family-no-missing-generic-family-keyword: null
+    scss/dollar-variable-colon-space-after: null
+    scss/no-global-function-names: null
+    value-keyword-case: null

package.json

@@ -23,10 +23,10 @@
     "test": "jest",
     "coverage": "jest --coverage",
     "lock": "npm-shrinkwrap --dev",
-    "lint": "eslint client/src && sass-lint client/src",
+    "lint": "eslint client/src && lint-sass",
     "lint-js": "eslint client/src",
     "lint-js-fix": "eslint client/src --fix",
-    "lint-sass": "sass-lint client/src"
+    "lint-sass": "stylelint **/client/src/**/*.scss"
   },
   "jest": {
     "testEnvironment": "jsdom",
@@ -49,7 +49,7 @@
   },
   "devDependencies": {
     "@silverstripe/eslint-config": "^1.1.0",
-    "@silverstripe/webpack-config": "^2.0.0",
+    "@silverstripe/webpack-config": "^2.1.0",
     "@storybook/addon-actions": "^7.0.18",
     "@testing-library/react": "^14.0.0",
     "babel-jest": "^29.3.0",