Fix Sass legacy JS API deprecation warnings

Configure sass-loader to use the modern API to avoid deprecation warnings
about the legacy JS API being removed in Dart Sass 2.0.0

Author: justin808

config/webpack/commonWebpackConfig.js

@@ -27,6 +27,27 @@ const scssConfigIndex = baseClientWebpackConfig.module.rules.findIndex((config)
   '.scss'.match(config.test),
 );
 
+// Configure sass-loader to use the modern API
+const scssRule = baseClientWebpackConfig.module.rules[scssConfigIndex];
+const sassLoaderIndex = scssRule.use.findIndex((loader) => 
+  loader.loader === 'sass-loader' || (typeof loader === 'string' && loader.includes('sass-loader'))
+);
+
+if (sassLoaderIndex !== -1) {
+  const sassLoader = scssRule.use[sassLoaderIndex];
+  if (typeof sassLoader === 'string') {
+    scssRule.use[sassLoaderIndex] = {
+      loader: 'sass-loader',
+      options: {
+        api: 'modern'
+      }
+    };
+  } else {
+    sassLoader.options = sassLoader.options || {};
+    sassLoader.options.api = 'modern';
+  }
+}
+
 baseClientWebpackConfig.module.rules[scssConfigIndex].use.push(sassLoaderConfig);
 
 // Copy the object using merge b/c the baseClientWebpackConfig and commonOptions are mutable globals