Update to Shakapacker 9.0.0.beta.7 with CSS modules fix

- Update shakapacker gem to 9.0.0.beta.7
- Update shakapacker npm package to 9.0.0-beta.7
- Fix css-loader configuration for CSS modules compatibility
  - Beta.7 enables namedExport by default, which requires
    exportLocalsConvention to be 'camelCaseOnly' or 'dashesOnly'
  - Added configuration to automatically set exportLocalsConvention
    when namedExport is enabled

This resolves the CI build error:
"The modules.namedExport option requires the modules.exportLocalsConvention
option to be camelCaseOnly or dashesOnly"

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

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

Author: justin808

Gemfile

@@ -6,7 +6,7 @@ git_source(:github) { |repo| "https://github.com/#{repo}.git" }
 ruby "3.3.4"
 
 gem "react_on_rails", "16.1.1"
-gem "shakapacker", "9.0.0.beta.4"
+gem "shakapacker", "9.0.0.beta.7"
 
 # Bundle edge Rails instead: gem "rails", github: "rails/rails"
 gem "listen"

Gemfile.lock

@@ -390,7 +390,7 @@ GEM
       websocket (~> 1.0)
     semantic_range (3.1.0)
     sexp_processor (4.17.1)
-    shakapacker (9.0.0.beta.4)
+    shakapacker (9.0.0.beta.7)
       activesupport (>= 5.2)
       package_json
       rack-proxy (>= 0.6.1)
@@ -499,7 +499,7 @@ DEPENDENCIES
   scss_lint
   sdoc
   selenium-webdriver (~> 4)
-  shakapacker (= 9.0.0.beta.4)
+  shakapacker (= 9.0.0.beta.7)
   spring
   spring-commands-rspec
   stimulus-rails (~> 1.3)

config/webpack/commonWebpackConfig.js

@@ -54,6 +54,25 @@ if (sassLoaderIndex !== -1) {
   }
 }
 
+// Fix css-loader configuration for CSS modules
+// When namedExport is true, exportLocalsConvention must be camelCaseOnly or dashesOnly
+const cssLoaderIndex = scssRule.use.findIndex((loader) => {
+  if (typeof loader === 'string') {
+    return loader.includes('css-loader');
+  }
+  return loader.loader && loader.loader.includes('css-loader');
+});
+
+if (cssLoaderIndex !== -1) {
+  const cssLoader = scssRule.use[cssLoaderIndex];
+  if (typeof cssLoader === 'object' && cssLoader.options && cssLoader.options.modules) {
+    // If namedExport is enabled, ensure exportLocalsConvention is properly set
+    if (cssLoader.options.modules.namedExport) {
+      cssLoader.options.modules.exportLocalsConvention = 'camelCaseOnly';
+    }
+  }
+}
+
 baseClientWebpackConfig.module.rules[scssConfigIndex].use.push(sassLoaderConfig);
 
 // Copy the object using merge b/c the baseClientWebpackConfig and commonOptions are mutable globals

package.json

@@ -93,7 +93,7 @@
     "sass": "^1.58.3",
     "sass-loader": "^13.3.2",
     "sass-resources-loader": "^2.2.5",
-    "shakapacker": "9.0.0-beta.4",
+    "shakapacker": "9.0.0-beta.7",
     "stimulus": "^3.0.1",
     "style-loader": "^3.3.1",
     "tailwindcss": "^3.3.3",

yarn.lock

@@ -8263,13 +8263,14 @@ setprototypeof@1.2.0:
   resolved "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
   integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
 
-shakapacker@9.0.0-beta.4:
-  version "9.0.0-beta.4"
-  resolved "https://registry.npmjs.org/shakapacker/-/shakapacker-9.0.0-beta.4.tgz#10b4caf90bf7cb65febc9cb1b3345154f1e2945c"
-  integrity sha512-sO4s4umQrhXCUVZPOmuq6yVdOc8psrDboQTXDVkSI32YA7AmDgFTUMOxYBkiZdSgQb2zhgUrpQQ8XTDAC2J3lg==
+shakapacker@9.0.0-beta.7:
+  version "9.0.0-beta.7"
+  resolved "https://registry.npmjs.org/shakapacker/-/shakapacker-9.0.0-beta.7.tgz#c00b9590b84f365bf0fd4e7b7efdd59104901a00"
+  integrity sha512-m4xGyTg9yy4ys+wz44jBdygsxwKDbARBlgYqsyirwowQKWZHqnyb+ucS9yz5cKQHUtHeDlJOhPHKhRsCwhJcDQ==
   dependencies:
     js-yaml "^4.1.0"
     path-complete-extname "^1.0.0"
+    webpack-merge "^5.8.0"
 
 shallow-clone@^3.0.0:
   version "3.0.1"
@@ -9204,7 +9205,7 @@ webpack-dev-server@^4.11.1:
     webpack-dev-middleware "^5.3.4"
     ws "^8.13.0"
 
-webpack-merge@5, webpack-merge@^5.7.3:
+webpack-merge@5, webpack-merge@^5.7.3, webpack-merge@^5.8.0:
   version "5.10.0"
   resolved "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.10.0.tgz#a3ad5d773241e9c682803abf628d4cd62b8a4177"
   integrity sha512-+4zXKdx7UnO+1jaN4l2lHVD+mFvnlZQP/6ljaJVb4SZiwIKeUnrT5l0gkT8z+n4hKpC+jpOv6O9R+gLtag7pSA==