install and migrate to css-loader@v7 (#3749)

Author: mungodewar

.storybook/webpack.config.js

@@ -72,6 +72,8 @@ module.exports = ({ config }) => {
           importLoaders: 1,
           modules: {
             localIdentName: '[local]-[hash:base64:5]',
+            namedExport: false,
+            exportLocalsConvention: 'as-is',
           },
         },
       },
@@ -97,6 +99,8 @@ module.exports = ({ config }) => {
           importLoaders: 1,
           modules: {
             localIdentName: '[local]-[hash:base64:5]',
+            namedExport: false,
+            exportLocalsConvention: 'as-is',
           },
         },
       },
@@ -113,11 +117,11 @@ module.exports = ({ config }) => {
         options: {
           additionalData: BPK_TOKENS
             ? fs.readFileSync(
-                path.join(
-                  rootDir,
-                  `node_modules/@skyscanner/bpk-foundations-web/tokens/${BPK_TOKENS}.scss`,
-                ),
-              )
+              path.join(
+                rootDir,
+                `node_modules/@skyscanner/bpk-foundations-web/tokens/${BPK_TOKENS}.scss`,
+              ),
+            )
             : '',
         },
       },

package-lock.json

@@ -152,7 +152,7 @@
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-require-context-hook": "^1.0.0",
     "core-js": "^3.40.0",
-    "css-loader": "^6.10.0",
+    "css-loader": "^7.1.2",
     "d3-scale": "^4.0.2",
     "danger": "^12.3.3",
     "danger-plugin-toolbox": "^3.1.2",

package.json

@@ -74,6 +74,8 @@ module.exports = {
             options: {
               importLoaders: 1,
               modules: 'global',
+              namedExport: false,
+              exportLocalsConvention: 'as-is',
             },
           },
           {
@@ -100,6 +102,8 @@ module.exports = {
             options: {
               importLoaders: 1,
               modules: 'global',
+              namedExport: false,
+              exportLocalsConvention: 'as-is',
             },
           },
           {