feat: update webpack config for sass-loader v16 compatibility

- Configure sass-loader to use modern-compiler API for better performance
- Set appropriate style options for production/development environments
- Ensure forward compatibility with sass-loader v16

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

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": []
+  }
+}

webpack.config.js

@@ -74,7 +74,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,