MM-57093 Update SCSS, Stylelint, and related packages (#26296)

* Update Stylelint and related packages

* Autofix CSS files

* Fix scss/no-global-function-names

* Fix scss/operator-no-unspaced

* Fix scss/comment-no-empty

* Disable scss/at-extend-no-missing-placeholder

* Update libraries for loading sass

* Fix Rollup not emitting the CSS for the components package to the right place

* Add plugin to re-add stylistic Stylelint rules

* Actually import Stylelint plugin

webapp/channels/package.json

@@ -107,6 +107,7 @@
     "@hot-loader/react-dom": "17.0.2",
     "@mattermost/eslint-plugin": "*",
     "@redux-devtools/extension": "3.2.3",
+    "@stylistic/stylelint-plugin": "2.1.0",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "12.1.4",
     "@testing-library/user-event": "13.5.0",
@@ -174,12 +175,11 @@
     "react-router-enzyme-context": "1.2.0",
     "redux-mock-store": "1.5.4",
     "redux-persist-node-storage": "2.0.0",
-    "stylelint-config-idiomatic-order": "8.1.0",
-    "stylelint-config-recommended": "5.0.0",
-    "stylelint-config-recommended-scss": "4.2.0",
-    "stylelint-config-standard": "22.0.0",
-    "stylelint-order": "4.1.0",
-    "stylelint-scss": "3.19.0",
+    "stylelint": "16.2.1",
+    "stylelint-config-idiomatic-order": "10.0.0",
+    "stylelint-config-recommended-scss": "14.0.0",
+    "stylelint-order": "6.0.4",
+    "stylelint-scss": "6.1.0",
     "webpack-bundle-analyzer": "4.7.0",
     "webpack-pwa-manifest": "4.3.0",
     "yargs": "16.2.0"
@@ -190,7 +190,9 @@
     }
   },
   "scripts": {
-    "check": "eslint --ext .js,.jsx,.tsx,.ts ./src --quiet --cache && stylelint \"**/*.{css,scss}\" --cache",
+    "check": "npm run check:eslint && npm run check:stylelint",
+    "check:eslint": "eslint --ext .js,.jsx,.tsx,.ts ./src --quiet --cache",
+    "check:stylelint": "stylelint \"**/*.{css,scss}\" --cache",
     "fix": "eslint --ext .js,.jsx,.tsx,.ts ./src --quiet --fix --cache && stylelint \"**/*.{css,scss}\" --fix --cache",
     "build": "cross-env NODE_ENV=production webpack",
     "run": "webpack --progress --watch",