Merge pull request #154 from iotaledger/dependabot/npm_and_yarn/stylelint-and-stylelint-config-recommended-and-stylelint-config-sass-guidelines-and-stylelint-config-standard-14.9.1

chore(deps-dev): bump stylelint, stylelint-config-recommended, stylelint-config-sass-guidelines and stylelint-config-standard

Author: brancoder

package-lock.json

@@ -27,7 +27,7 @@
         "start": "cross-env PORT=9090 WDS_SOCKET_PORT=9090 REACT_APP_SOCKET=8081 REACT_APP_BRAND_ID=hornet craco start",
         "start-bee": "cross-env PORT=9090 WDS_SOCKET_PORT=9090 REACT_APP_SOCKET=8081 REACT_APP_BRAND_ID=bee craco start",
         "lint": "eslint src --ext .tsx,.ts",
-        "sass-lint": "stylelint ./src/**/*.scss",
+        "sass-lint": "stylelint ./src/**/*.scss --custom-syntax postcss-scss",
         "build-internal": "craco build",
         "build": "cross-env REACT_APP_BRAND_ID=hornet run-s lint sass-lint build-internal",
         "build-bee": "cross-env REACT_APP_BRAND_ID=bee run-s lint sass-lint build-internal",
@@ -58,13 +58,14 @@
         "eslint-plugin-react": "^7.30.1",
         "eslint-plugin-unicorn": "^43.0.2",
         "npm-run-all": "^4.1.5",
+        "postcss-scss": "^4.0.5",
         "sass": "^1.53.0",
-        "stylelint": "^13.13.0",
+        "stylelint": "^14.9.1",
         "stylelint-config-property-sort-order-smacss": "^7.1.0",
-        "stylelint-config-recommended": "^5.0.0",
+        "stylelint-config-recommended": "^8.0.0",
         "stylelint-config-recommended-scss": "^4.2.0",
-        "stylelint-config-sass-guidelines": "^8.0.0",
-        "stylelint-config-standard": "^22.0.0",
+        "stylelint-config-sass-guidelines": "^9.0.0",
+        "stylelint-config-standard": "^26.0.0",
         "stylelint-scss": "^3.19.0",
         "typescript": "^4.7.4"
     }

package.json

@@ -1,5 +1,5 @@
-@import '../scss/media-queries';
-@import '../scss/variables';
+@import "../scss/media-queries";
+@import "../scss/variables";
 
 .app {
   display: flex;

src/app/App.scss

@@ -1,6 +1,7 @@
-@import './fonts';
-@import './variables';
-@import './media-queries';
+/* stylelint-disable selector-class-pattern, function-no-unknown */
+@import "./fonts";
+@import "./variables";
+@import "./media-queries";
 
 .card {
   padding: 10px;

src/scss/card.scss

@@ -1,8 +1,8 @@
-@import './fonts/dm-sans';
-@import './fonts/ibm-plex-mono';
+@import "./fonts/dm-sans";
+@import "./fonts/ibm-plex-mono";
 
-$font-sans: 'DM Sans', sans-serif;
-$font-mono: 'IBM Plex Mono', monospace;
+$font-sans: "DM Sans", sans-serif;
+$font-mono: "IBM Plex Mono", monospace;
 
 $rem-base-font: 16px !default;
 

src/scss/fonts.scss

@@ -1,5 +1,6 @@
-@import './fonts';
-@import './variables';
+/* stylelint-disable selector-class-pattern */
+@import "./fonts";
+@import "./variables";
 
 .select-wrapper {
   display: inline-block;

src/scss/forms.scss

@@ -1,5 +1,5 @@
-@import './variables';
-@import './media-queries';
+@import "./variables";
+@import "./media-queries";
 
 .row {
   display: flex;

src/scss/layout.scss

@@ -1,5 +1,5 @@
-@import './fonts';
-@import './variables';
+@import "./fonts";
+@import "./variables";
 
 h1 {
   @include font-size(24px);