Merge pull request #2374 from cloudnativedaysjp/renovate/sass-loader-16.x

fix(deps): update dependency sass-loader to v16

Author: jacopen

.claude/settings.local.json

@@ -0,0 +1,25 @@
+{
+  "permissions": {
+    "allow": [
+      "WebFetch(domain:github.com)",
+      "Bash(grep:*)",
+      "Bash(gh pr checkout:*)",
+      "Bash(git reset:*)",
+      "Bash(npm install)",
+      "Bash(npm run build:*)",
+      "Bash(npm install:*)",
+      "Bash(bundle exec:*)",
+      "Bash(DOCKER_BUILDKIT=1 docker compose up db redis nginx localstack -d)",
+      "Bash(rm:*)",
+      "Bash(yarn install)",
+      "Bash(yarn build)",
+      "Bash(git push:*)",
+      "Bash(git checkout:*)",
+      "Bash(git pull:*)",
+      "Bash(git stash:*)",
+      "Bash(git add:*)",
+      "Bash(git commit:*)"
+    ],
+    "deny": []
+  }
+}

package.json

@@ -26,7 +26,7 @@
         "postcss": "^8.4.39",
         "postcss-cli": "^11.0.0",
         "sass": "^1.77.6",
-        "sass-loader": "^14.2.1",
+        "sass-loader": "^16.0.0",
         "sortablejs": "^1.15.3",
         "video.js": "8.5.2",
         "webpack": "^5.92.1",

webpack.config.js

@@ -78,7 +78,19 @@ module.exports = {
       // ローダーを含むCSS/SASS/SCSSルールをここに追加する
       {
         test: /\.(?:sa|sc|c)ss$/i,
-        use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
+        use: [
+          MiniCssExtractPlugin.loader,
+          'css-loader',
+          {
+            loader: 'sass-loader',
+            options: {
+              api: 'modern-compiler',
+              sassOptions: {
+                style: process.env.NODE_ENV === 'production' ? 'compressed' : 'expanded',
+              },
+            },
+          },
+        ],
       },
       {
         test: /\.(png|jpe?g|gif|eot|woff2|woff|ttf|svg)$/i,

yarn.lock

@@ -1739,10 +1739,10 @@ safe-json-parse@4.0.0:
   dependencies:
     rust-result "^1.0.0"
 
-sass-loader@^14.2.1:
-  version "14.2.1"
-  resolved "https://registry.npmjs.org/sass-loader/-/sass-loader-14.2.1.tgz"
-  integrity sha512-G0VcnMYU18a4N7VoNDegg2OuMjYtxnqzQWARVWCIVSZwJeiL9kg8QMsuIZOplsJgTzZLF6jGxI3AClj8I9nRdQ==
+sass-loader@^16.0.0:
+  version "16.0.4"
+  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-16.0.4.tgz#5c2afb755fbc0a45a004369efa11579518a39a45"
+  integrity sha512-LavLbgbBGUt3wCiYzhuLLu65+fWXaXLmq7YxivLhEqmiupCFZ5sKUAipK3do6V80YSU0jvSxNhEdT13IXNr3rg==
   dependencies:
     neo-async "^2.6.2"