chore(deps-dev): bump sass-loader from 9.0.3 to 12.6.0 (#8191)

package-lock.json

@@ -118,7 +118,7 @@
         "release-it": "=15.4.2",
         "rimraf": "^3.0.0",
         "sass": "^1.54.0",
-        "sass-loader": "^9.0.3",
+        "sass-loader": "^12.6.0",
         "sinon": "=12.0.1",
         "source-map-support": "^0.5.21",
         "start-server-and-test": "^1.14.0",
@@ -24888,19 +24888,16 @@
       }
     },
     "node_modules/sass-loader": {
-      "version": "9.0.3",
+      "version": "12.6.0",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-9.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.6.0.tgz",
-      "integrity": "sha512-fOwsP98ac1VMme+V3+o0HaaMHp8Q/C9P+MUazLFVi3Jl7ORGHQXL1XeRZt3zLSGZQQPC8xE42Y2WptItvGjDQg==",
+      "integrity": "sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==",
       "dev": true,
       "dependencies": {
-        "klona": "^1.1.2",
+        "klona": "^2.0.4",
-        "loader-utils": "^2.0.0",
+        "neo-async": "^2.6.2"
-        "neo-async": "^2.6.2",
-        "schema-utils": "^2.7.0",
-        "semver": "^7.3.2"
       },
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">= 12.13.0"
       },
       "funding": {
         "type": "opencollective",
@@ -24908,9 +24905,10 @@
       },
       "peerDependencies": {
         "fibers": ">= 3.1.0",
-        "node-sass": "^4.0.0",
+        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0",
         "sass": "^1.3.0",
-        "webpack": "^4.36.0 || ^5.0.0"
+        "sass-embedded": "*",
+        "webpack": "^5.0.0"
       },
       "peerDependenciesMeta": {
         "fibers": {
@@ -24921,47 +24919,12 @@
         },
         "sass": {
           "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
         }
       }
     },
-    "node_modules/sass-loader/node_modules/klona": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/klona/-/klona-1.1.2.tgz",
-      "integrity": "sha512-xf88rTeHiXk+XE2Vhi6yj8Wm3gMZrygGdKjJqN8HkV+PwF/t50/LdAKHoHpPcxFAlmQszTZ1CugrK25S7qDRLA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/sass-loader/node_modules/loader-utils": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
-      "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
-      "dev": true,
-      "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^2.1.2"
-      },
-      "engines": {
-        "node": ">=8.9.0"
-      }
-    },
-    "node_modules/sass-loader/node_modules/semver": {
-      "version": "7.3.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-      "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/sass/node_modules/immutable": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.0.0.tgz",
@@ -47279,44 +47242,13 @@
       }
     },
     "sass-loader": {
-      "version": "9.0.3",
+      "version": "12.6.0",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-9.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.6.0.tgz",
-      "integrity": "sha512-fOwsP98ac1VMme+V3+o0HaaMHp8Q/C9P+MUazLFVi3Jl7ORGHQXL1XeRZt3zLSGZQQPC8xE42Y2WptItvGjDQg==",
+      "integrity": "sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==",
       "dev": true,
       "requires": {
-        "klona": "^1.1.2",
+        "klona": "^2.0.4",
-        "loader-utils": "^2.0.0",
+        "neo-async": "^2.6.2"
-        "neo-async": "^2.6.2",
-        "schema-utils": "^2.7.0",
-        "semver": "^7.3.2"
-      },
-      "dependencies": {
-        "klona": {
-          "version": "1.1.2",
-          "resolved": "https://registry.npmjs.org/klona/-/klona-1.1.2.tgz",
-          "integrity": "sha512-xf88rTeHiXk+XE2Vhi6yj8Wm3gMZrygGdKjJqN8HkV+PwF/t50/LdAKHoHpPcxFAlmQszTZ1CugrK25S7qDRLA==",
-          "dev": true
-        },
-        "loader-utils": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
-          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
-        "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-          "dev": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        }
       }
     },
     "sax": {

package.json

@@ -171,7 +171,7 @@
     "release-it": "=15.4.2",
     "rimraf": "^3.0.0",
     "sass": "^1.54.0",
-    "sass-loader": "^9.0.3",
+    "sass-loader": "^12.6.0",
     "sinon": "=12.0.1",
     "source-map-support": "^0.5.21",
     "start-server-and-test": "^1.14.0",

webpack/stylesheets.babel.js

@@ -43,9 +43,12 @@ export default {
           {
             loader: "sass-loader",
             options: {
+              // Prefer `dart-sass`
+              implementation: require("sass"),
               sourceMap: true,
               sassOptions: {
-                outputStyle: "expanded",
+                // `fibers` package is not compatible with Node.js v16.0.0 or later
+                fiber: false, // disable auto attempt to load `fiber`
                 // sourceMapContents: "true", // if sourceMap: true, sassOptions.sourceMapContents is ignored
               },
             },