chore: Update css-loader/style-loader to fix esModule compat issue with assets loaded through file-loader (#2241)

Author: gribnoysup

packages/compass-aggregations/config/webpack.base.config.js

@@ -70,10 +70,11 @@ module.exports = {
           {
             loader: 'css-loader',
             options: {
-              modules: true,
               importLoaders: 1,
-              localIdentName:
-                'AggregationsPlugin_[name]-[local]__[hash:base64:5]'
+              modules: {
+                localIdentName:
+                  'AggregationsPlugin_[name]-[local]__[hash:base64:5]'
+              }
             }
           },
           {

packages/compass-aggregations/package-lock.json

@@ -79,7 +79,7 @@
     "classnames": "^2.2.6",
     "core-js": "^3.12.1",
     "cross-env": "^7.0.0",
-    "css-loader": "^2.1.1",
+    "css-loader": "^4.3.0",
     "debug": "^4.1.1",
     "depcheck": "^1.4.0",
     "electron": "^6.1.12",
@@ -141,7 +141,7 @@
     "shebang-loader": "0.0.1",
     "sinon": "^9.0.0",
     "sinon-chai": "^3.3.0",
-    "style-loader": "^1.1.3",
+    "style-loader": "^2.0.0",
     "url-loader": "^3.0.0",
     "webpack": "^4.46.0",
     "webpack-bundle-analyzer": "^3.1.0",

packages/compass-aggregations/package.json

@@ -69,9 +69,11 @@ module.exports = {
           {
             loader: 'css-loader',
             options: {
-              modules: true,
               importLoaders: 1,
-              localIdentName: 'AppStoresPlugin_[name]-[local]__[hash:base64:5]'
+
+              modules: {
+                localIdentName: 'AppStoresPlugin_[name]-[local]__[hash:base64:5]'
+              }
             }
           },
           {