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/platform/components/package.json

@@ -28,7 +28,8 @@
     "@types/shallow-equals": "^1.0.0",
     "@types/styled-components": "^5.1.19",
     "rollup": "^2.75.7",
-    "rollup-plugin-scss": "^3.0.0",
+    "rollup-plugin-scss": "4.0.0",
+    "rollup-plugin-ts": "^2.0.5",
     "typescript": "^5.0.0"
   },
   "peerDependencies": {

webapp/platform/components/rollup.config.js

@@ -30,7 +30,10 @@ export default [
             },
         ],
         plugins: [
-            scss(),
+            scss({
+                fileName: 'index.esm.css',
+                outputToFilesystem: true,
+            }),
             resolve({
                 browser: true,
                 extensions: ['.ts', '.tsx'],