css-loader 5.2.4 → 6.0.0

package/dist/utils.js

@@ -22,14 +22,15 @@ exports.resolveRequests = resolveRequests;
 exports.isUrlRequestable = isUrlRequestable;
 exports.sort = sort;
 exports.combineRequests = combineRequests;
+exports.camelCase = camelCase;
+exports.stringifyRequest = stringifyRequest;
+exports.isDataUrl = isDataUrl;
 exports.WEBPACK_IGNORE_COMMENT_REGEXP = void 0;
 
 var _url = require("url");
 
 var _path = _interopRequireDefault(require("path"));
 
-var _loaderUtils = require("loader-utils");
-
 var _postcssModulesValues = _interopRequireDefault(require("postcss-modules-values"));
 
 var _postcssModulesLocalByDefault = _interopRequireDefault(require("postcss-modules-local-by-default"));
@@ -38,20 +39,137 @@ var _postcssModulesExtractImports = _interopRequireDefault(require("postcss-modu
 
 var _postcssModulesScope = _interopRequireDefault(require("postcss-modules-scope"));
 
-var _camelcase = _interopRequireDefault(require("camelcase"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /*
   MIT License http://www.opensource.org/licenses/mit-license.php
   Author Tobias Koppers @sokra
 */
-const WEBPACK_IGNORE_COMMENT_REGEXP = /webpackIgnore:(\s+)?(true|false)/; // eslint-disable-next-line no-useless-escape
-
+const WEBPACK_IGNORE_COMMENT_REGEXP = /webpackIgnore:(\s+)?(true|false)/;
 exports.WEBPACK_IGNORE_COMMENT_REGEXP = WEBPACK_IGNORE_COMMENT_REGEXP;
+const matchRelativePath = /^\.\.?[/\\]/;
+
+function isAbsolutePath(str) {
+  return _path.default.posix.isAbsolute(str) || _path.default.win32.isAbsolute(str);
+}
+
+function isRelativePath(str) {
+  return matchRelativePath.test(str);
+}
+
+function stringifyRequest(loaderContext, request) {
+  const splitted = request.split("!");
+  const {
+    context
+  } = loaderContext;
+  return JSON.stringify(splitted.map(part => {
+    // First, separate singlePath from query, because the query might contain paths again
+    const splittedPart = part.match(/^(.*?)(\?.*)/);
+    const query = splittedPart ? splittedPart[2] : "";
+    let singlePath = splittedPart ? splittedPart[1] : part;
+
+    if (isAbsolutePath(singlePath) && context) {
+      singlePath = _path.default.relative(context, singlePath);
+
+      if (isAbsolutePath(singlePath)) {
+        // If singlePath still matches an absolute path, singlePath was on a different drive than context.
+        // In this case, we leave the path platform-specific without replacing any separators.
+        // @see https://github.com/webpack/loader-utils/pull/14
+        return singlePath + query;
+      }
+
+      if (isRelativePath(singlePath) === false) {
+        // Ensure that the relative path starts at least with ./ otherwise it would be a request into the modules directory (like node_modules).
+        singlePath = `./${singlePath}`;
+      }
+    }
+
+    return singlePath.replace(/\\/g, "/") + query;
+  }).join("!"));
+} // We can't use path.win32.isAbsolute because it also matches paths starting with a forward slash
+
+
+const IS_NATIVE_WIN32_PATH = /^[a-z]:[/\\]|^\\\\/i;
+const IS_MODULE_REQUEST = /^[^?]*~/;
+
+function urlToRequest(url, root) {
+  let request;
+
+  if (IS_NATIVE_WIN32_PATH.test(url)) {
+    // absolute windows path, keep it
+    request = url;
+  } else if (typeof root !== "undefined" && /^\//.test(url)) {
+    request = root + url;
+  } else if (/^\.\.?\//.test(url)) {
+    // A relative url stays
+    request = url;
+  } else {
+    // every other url is threaded like a relative url
+    request = `./${url}`;
+  } // A `~` makes the url an module
+
+
+  if (IS_MODULE_REQUEST.test(request)) {
+    request = request.replace(IS_MODULE_REQUEST, "");
+  }
+
+  return request;
+} // eslint-disable-next-line no-useless-escape
+
+
 const regexSingleEscape = /[ -,.\/:-@[\]\^`{-~]/;
 const regexExcessiveSpaces = /(^|\\+)?(\\[A-F0-9]{1,6})\x20(?![a-fA-F0-9\x20])/g;
 
+const preserveCamelCase = string => {
+  let result = string;
+  let isLastCharLower = false;
+  let isLastCharUpper = false;
+  let isLastLastCharUpper = false;
+
+  for (let i = 0; i < result.length; i++) {
+    const character = result[i];
+
+    if (isLastCharLower && /[\p{Lu}]/u.test(character)) {
+      result = `${result.slice(0, i)}-${result.slice(i)}`;
+      isLastCharLower = false;
+      isLastLastCharUpper = isLastCharUpper;
+      isLastCharUpper = true;
+      i += 1;
+    } else if (isLastCharUpper && isLastLastCharUpper && /[\p{Ll}]/u.test(character)) {
+      result = `${result.slice(0, i - 1)}-${result.slice(i - 1)}`;
+      isLastLastCharUpper = isLastCharUpper;
+      isLastCharUpper = false;
+      isLastCharLower = true;
+    } else {
+      isLastCharLower = character.toLowerCase() === character && character.toUpperCase() !== character;
+      isLastLastCharUpper = isLastCharUpper;
+      isLastCharUpper = character.toUpperCase() === character && character.toLowerCase() !== character;
+    }
+  }
+
+  return result;
+};
+
+function camelCase(input) {
+  let result = input.trim();
+
+  if (result.length === 0) {
+    return "";
+  }
+
+  if (result.length === 1) {
+    return result.toLowerCase();
+  }
+
+  const hasUpperCase = result !== result.toLowerCase();
+
+  if (hasUpperCase) {
+    result = preserveCamelCase(result);
+  }
+
+  return result.replace(/^[_.\- ]+/, "").toLowerCase().replace(/[_.\- ]+([\p{Alpha}\p{N}_]|$)/gu, (_, p1) => p1.toUpperCase()).replace(/\d+([\p{Alpha}\p{N}_]|$)/gu, m => m.toUpperCase());
+}
+
 function escape(string) {
   let output = "";
   let counter = 0;
@@ -204,8 +322,67 @@ function defaultGetLocalIdent(loaderContext, localIdentName, localName, options)
 
   const relativeResourcePath = normalizePath(_path.default.relative(options.context, loaderContext.resourcePath)); // eslint-disable-next-line no-param-reassign
 
-  options.content = `${options.hashPrefix}${relativeMatchResource}${relativeResourcePath}\x00${localName}`;
-  return (0, _loaderUtils.interpolateName)(loaderContext, localIdentName, options);
+  options.content = `${relativeMatchResource}${relativeResourcePath}\x00${localName}`;
+  let {
+    hashFunction,
+    hashDigest,
+    hashDigestLength
+  } = options;
+  const mathes = localIdentName.match(/\[(?:([^:\]]+):)?(?:(hash|contenthash|fullhash))(?::([a-z]+\d*))?(?::(\d+))?\]/i);
+
+  if (mathes) {
+    const hashName = mathes[2] || hashFunction;
+    hashFunction = mathes[1] || hashFunction;
+    hashDigest = mathes[3] || hashDigest;
+    hashDigestLength = mathes[4] || hashDigestLength; // `hash` and `contenthash` are same in `loader-utils` context
+    // let's keep `hash` for backward compatibility
+    // eslint-disable-next-line no-param-reassign
+
+    localIdentName = localIdentName.replace(/\[(?:([^:\]]+):)?(?:hash|contenthash|fullhash)(?::([a-z]+\d*))?(?::(\d+))?\]/gi, () => hashName === "fullhash" ? "[fullhash]" : "[contenthash]");
+  } // eslint-disable-next-line no-underscore-dangle
+
+
+  const hash = loaderContext._compiler.webpack.util.createHash(hashFunction);
+
+  const {
+    hashSalt
+  } = options;
+
+  if (hashSalt) {
+    hash.update(hashSalt);
+  }
+
+  hash.update(options.content);
+  const localIdentHash = hash.digest(hashDigest).slice(0, hashDigestLength).replace(/[/+]/g, "_").replace(/^\d/g, "_"); // TODO need improve on webpack side, we should allow to pass hash/contentHash without chunk property, also `data` for `getPath` should be looks good without chunk property
+
+  const ext = _path.default.extname(loaderContext.resourcePath);
+
+  const base = _path.default.basename(loaderContext.resourcePath);
+
+  const name = base.slice(0, base.length - ext.length);
+  const data = {
+    filename: _path.default.relative(options.context, loaderContext.resourcePath),
+    contentHash: localIdentHash,
+    chunk: {
+      name,
+      hash: localIdentHash,
+      contentHash: localIdentHash
+    }
+  }; // eslint-disable-next-line no-underscore-dangle
+
+  return loaderContext._compilation.getPath(localIdentName, data);
+}
+
+function fixedEncodeURIComponent(str) {
+  return str.replace(/[!'()*]/g, c => `%${c.charCodeAt(0).toString(16)}`);
+}
+
+function isDataUrl(url) {
+  if (/^data:/i.test(url)) {
+    return true;
+  }
+
+  return false;
 }
 
 const NATIVE_WIN32_PATH = /^[A-Z]:[/\\]|^\\\\/i;
@@ -228,6 +405,11 @@ function normalizeUrl(url, isStringValue) {
 
   normalizedUrl = unescape(normalizedUrl);
 
+  if (isDataUrl(url)) {
+    // Todo fixedEncodeURIComponent is workaround. Webpack resolver shouldn't handle "!" in dataURL
+    return fixedEncodeURIComponent(normalizedUrl);
+  }
+
   try {
     normalizedUrl = decodeURI(normalizedUrl);
   } catch (error) {// Ignore
@@ -236,12 +418,25 @@ function normalizeUrl(url, isStringValue) {
   return normalizedUrl;
 }
 
-function requestify(url, rootContext) {
-  if (/^file:/i.test(url)) {
-    return (0, _url.fileURLToPath)(url);
+function requestify(url, rootContext, needToResolveURL = true) {
+  if (needToResolveURL) {
+    if (/^file:/i.test(url)) {
+      return (0, _url.fileURLToPath)(url);
+    }
+
+    return url.charAt(0) === "/" ? urlToRequest(url, rootContext) : urlToRequest(url);
   }
 
-  return url.charAt(0) === "/" ? (0, _loaderUtils.urlToRequest)(url, rootContext) : (0, _loaderUtils.urlToRequest)(url);
+  if (url.charAt(0) === "/" || /^file:/i.test(url)) {
+    return url;
+  } // A `~` makes the url an module
+
+
+  if (IS_MODULE_REQUEST.test(url)) {
+    return url.replace(IS_MODULE_REQUEST, "");
+  }
+
+  return url;
 }
 
 function getFilter(filter, resourcePath) {
@@ -259,80 +454,89 @@ function getValidLocalName(localName, exportLocalsConvention) {
     return dashesCamelCase(localName);
   }
 
-  return (0, _camelcase.default)(localName);
+  return camelCase(localName);
 }
 
-const moduleRegExp = /\.module(s)?\.\w+$/i;
-const icssRegExp = /\.icss\.\w+$/i;
+const IS_MODULES = /\.module(s)?\.\w+$/i;
+const IS_ICSS = /\.icss\.\w+$/i;
 
 function getModulesOptions(rawOptions, loaderContext) {
+  if (typeof rawOptions.modules === "boolean" && rawOptions.modules === false) {
+    return false;
+  }
+
   const resourcePath = // eslint-disable-next-line no-underscore-dangle
   loaderContext._module && loaderContext._module.matchResource || loaderContext.resourcePath;
-  let isIcss;
+  let auto;
+  let rawModulesOptions;
 
   if (typeof rawOptions.modules === "undefined") {
-    const isModules = moduleRegExp.test(resourcePath);
-
-    if (!isModules) {
-      isIcss = icssRegExp.test(resourcePath);
-    }
+    rawModulesOptions = {};
+    auto = true;
+  } else if (typeof rawOptions.modules === "boolean") {
+    rawModulesOptions = {};
+  } else if (typeof rawOptions.modules === "string") {
+    rawModulesOptions = {
+      mode: rawOptions.modules
+    };
+  } else {
+    rawModulesOptions = rawOptions.modules;
+    ({
+      auto
+    } = rawModulesOptions);
+  } // eslint-disable-next-line no-underscore-dangle
 
-    if (!isModules && !isIcss) {
-      return false;
-    }
-  } else if (typeof rawOptions.modules === "boolean" && rawOptions.modules === false) {
-    return false;
-  }
 
-  let modulesOptions = {
-    compileType: isIcss ? "icss" : "module",
-    auto: true,
+  const {
+    outputOptions
+  } = loaderContext._compilation;
+  const modulesOptions = {
+    auto,
     mode: "local",
     exportGlobals: false,
     localIdentName: "[hash:base64]",
     localIdentContext: loaderContext.rootContext,
-    localIdentHashPrefix: "",
+    localIdentHashSalt: outputOptions.hashSalt,
+    localIdentHashFunction: outputOptions.hashFunction,
+    localIdentHashDigest: outputOptions.hashDigest,
+    localIdentHashDigestLength: outputOptions.hashDigestLength,
     // eslint-disable-next-line no-undefined
     localIdentRegExp: undefined,
     // eslint-disable-next-line no-undefined
     getLocalIdent: undefined,
     namedExport: false,
-    exportLocalsConvention: "asIs",
-    exportOnlyLocals: false
+    exportLocalsConvention: rawModulesOptions.namedExport === true && typeof rawModulesOptions.exportLocalsConvention === "undefined" ? "camelCaseOnly" : "asIs",
+    exportOnlyLocals: false,
+    ...rawModulesOptions
   };
 
-  if (typeof rawOptions.modules === "boolean" || typeof rawOptions.modules === "string") {
-    modulesOptions.mode = typeof rawOptions.modules === "string" ? rawOptions.modules : "local";
-  } else {
-    if (rawOptions.modules) {
-      if (typeof rawOptions.modules.auto === "boolean") {
-        const isModules = rawOptions.modules.auto && moduleRegExp.test(resourcePath);
-
-        if (!isModules) {
-          return false;
-        }
-      } else if (rawOptions.modules.auto instanceof RegExp) {
-        const isModules = rawOptions.modules.auto.test(resourcePath);
+  if (typeof modulesOptions.auto === "boolean") {
+    const isModules = modulesOptions.auto && IS_MODULES.test(resourcePath);
+    let isIcss;
 
-        if (!isModules) {
-          return false;
-        }
-      } else if (typeof rawOptions.modules.auto === "function") {
-        const isModule = rawOptions.modules.auto(resourcePath);
+    if (!isModules) {
+      isIcss = IS_ICSS.test(resourcePath);
 
-        if (!isModule) {
-          return false;
-        }
+      if (isIcss) {
+        modulesOptions.mode = "icss";
       }
+    }
 
-      if (rawOptions.modules.namedExport === true && typeof rawOptions.modules.exportLocalsConvention === "undefined") {
-        modulesOptions.exportLocalsConvention = "camelCaseOnly";
-      }
+    if (!isModules && !isIcss) {
+      return false;
     }
+  } else if (modulesOptions.auto instanceof RegExp) {
+    const isModules = modulesOptions.auto.test(resourcePath);
 
-    modulesOptions = { ...modulesOptions,
-      ...(rawOptions.modules || {})
-    };
+    if (!isModules) {
+      return false;
+    }
+  } else if (typeof modulesOptions.auto === "function") {
+    const isModule = modulesOptions.auto(resourcePath);
+
+    if (!isModule) {
+      return false;
+    }
   }
 
   if (typeof modulesOptions.mode === "function") {
@@ -349,10 +553,6 @@ function getModulesOptions(rawOptions, loaderContext) {
     }
   }
 
-  if (/\[emoji(?::(\d+))?\]/i.test(modulesOptions.localIdentName)) {
-    loaderContext.emitWarning("Emoji is deprecated and will be removed in next major release.");
-  }
-
   return modulesOptions;
 }
 
@@ -393,11 +593,15 @@ function shouldUseURLPlugin(options) {
 }
 
 function shouldUseModulesPlugins(options) {
-  return options.modules.compileType === "module";
+  if (typeof options.modules === "boolean" && options.modules === false) {
+    return false;
+  }
+
+  return options.modules.mode !== "icss";
 }
 
 function shouldUseIcssPlugin(options) {
-  return options.icss === true || Boolean(options.modules);
+  return Boolean(options.modules);
 }
 
 function getModulesPlugins(options, loaderContext) {
@@ -406,7 +610,10 @@ function getModulesPlugins(options, loaderContext) {
     getLocalIdent,
     localIdentName,
     localIdentContext,
-    localIdentHashPrefix,
+    localIdentHashSalt,
+    localIdentHashFunction,
+    localIdentHashDigest,
+    localIdentHashDigestLength,
     localIdentRegExp
   } = options.modules;
   let plugins = [];
@@ -421,7 +628,10 @@ function getModulesPlugins(options, loaderContext) {
         if (typeof getLocalIdent !== "undefined") {
           localIdent = getLocalIdent(loaderContext, localIdentName, unescape(exportName), {
             context: localIdentContext,
-            hashPrefix: localIdentHashPrefix,
+            hashSalt: localIdentHashSalt,
+            hashFunction: localIdentHashFunction,
+            hashDigest: localIdentHashDigest,
+            hashDigestLength: localIdentHashDigestLength,
             regExp: localIdentRegExp
           });
         } // A null/undefined value signals that we should invoke the default
@@ -431,7 +641,10 @@ function getModulesPlugins(options, loaderContext) {
         if (typeof localIdent === "undefined" || localIdent === null) {
           localIdent = defaultGetLocalIdent(loaderContext, localIdentName, unescape(exportName), {
             context: localIdentContext,
-            hashPrefix: localIdentHashPrefix,
+            hashSalt: localIdentHashSalt,
+            hashFunction: localIdentHashFunction,
+            hashDigest: localIdentHashDigest,
+            hashDigestLength: localIdentHashDigestLength,
             regExp: localIdentRegExp
           });
           return escapeLocalIdent(localIdent).replace(/\\\[local\\]/gi, exportName);
@@ -449,7 +662,6 @@ function getModulesPlugins(options, loaderContext) {
   return plugins;
 }
 
-const IS_NATIVE_WIN32_PATH = /^[a-z]:[/\\]|^\\\\/i;
 const ABSOLUTE_SCHEME = /^[a-z0-9+\-.]+:/i;
 
 function getURLType(source) {
@@ -533,14 +745,15 @@ function getImportCode(imports, options) {
     const {
       importName,
       url,
-      icss
+      icss,
+      type
     } = item;
 
     if (options.esModule) {
       if (icss && options.modules.namedExport) {
         code += `import ${options.modules.exportOnlyLocals ? "" : `${importName}, `}* as ${importName}_NAMED___ from ${url};\n`;
       } else {
-        code += `import ${importName} from ${url};\n`;
+        code += type === "url" ? `var ${importName} = new URL(${url}, import.meta.url);\n` : `import ${importName} from ${url};\n`;
       }
     } else {
       code += `var ${importName} = require(${url});\n`;
@@ -626,13 +839,19 @@ function dashesCamelCase(str) {
   return str.replace(/-+(\w)/g, (match, firstLetter) => firstLetter.toUpperCase());
 }
 
-function getExportCode(exports, replacements, options) {
+function getExportCode(exports, replacements, needToUseIcssPlugin, options) {
   let code = "// Exports\n";
+
+  if (!needToUseIcssPlugin) {
+    code += `${options.esModule ? "export default" : "module.exports ="} ___CSS_LOADER_EXPORT___;\n`;
+    return code;
+  }
+
   let localsCode = "";
 
   const addExportToLocalsCode = (name, value) => {
     if (options.modules.namedExport) {
-      localsCode += `export const ${name} = ${JSON.stringify(value)};\n`;
+      localsCode += `export var ${name} = ${JSON.stringify(value)};\n`;
     } else {
       if (localsCode) {
         localsCode += `,\n`;
@@ -650,7 +869,7 @@ function getExportCode(exports, replacements, options) {
       case "camelCase":
         {
           addExportToLocalsCode(name, value);
-          const modifiedName = (0, _camelcase.default)(name);
+          const modifiedName = camelCase(name);
 
           if (modifiedName !== name) {
             addExportToLocalsCode(modifiedName, value);
@@ -661,7 +880,7 @@ function getExportCode(exports, replacements, options) {
 
       case "camelCaseOnly":
         {
-          addExportToLocalsCode((0, _camelcase.default)(name), value);
+          addExportToLocalsCode(camelCase(name), value);
           break;
         }
 
@@ -719,10 +938,7 @@ function getExportCode(exports, replacements, options) {
     return code;
   }
 
-  if (localsCode) {
-    code += options.modules.namedExport ? localsCode : `___CSS_LOADER_EXPORT___.locals = {\n${localsCode}\n};\n`;
-  }
-
+  code += options.modules.namedExport ? localsCode : `___CSS_LOADER_EXPORT___.locals = {${localsCode ? `\n${localsCode}\n` : ""}};\n`;
   code += `${options.esModule ? "export default" : "module.exports ="} ___CSS_LOADER_EXPORT___;\n`;
   return code;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-loader",
-  "version": "5.2.4",
+  "version": "6.0.0",
   "description": "css loader module for webpack",
   "license": "MIT",
   "repository": "webpack-contrib/css-loader",
@@ -13,7 +13,7 @@
   },
   "main": "dist/cjs.js",
   "engines": {
-    "node": ">= 10.13.0"
+    "node": ">= 12.13.0"
   },
   "scripts": {
     "start": "npm run build -- -w",
@@ -23,7 +23,7 @@
     "build": "cross-env NODE_ENV=production babel src -d dist --copy-files",
     "postbuild": "npm run validate:runtime",
     "commitlint": "commitlint --from=master",
-    "security": "npm audit",
+    "security": "npm audit --production",
     "lint:prettier": "prettier --list-different .",
     "lint:js": "eslint --cache .",
     "lint": "npm-run-all -l -p \"lint:**\"",
@@ -32,64 +32,61 @@
     "test:coverage": "npm run test:only -- --collectCoverageFrom=\"src/**/*.js\" --coverage",
     "pretest": "npm run lint",
     "test": "npm run test:coverage",
-    "prepare": "npm run build",
+    "prepare": "husky install && npm run build",
     "release": "standard-version"
   },
   "files": [
     "dist"
   ],
   "peerDependencies": {
-    "webpack": "^4.27.0 || ^5.0.0"
+    "webpack": "^5.0.0"
   },
   "dependencies": {
-    "camelcase": "^6.2.0",
     "icss-utils": "^5.1.0",
-    "loader-utils": "^2.0.0",
-    "postcss": "^8.2.10",
+    "postcss": "^8.2.15",
     "postcss-modules-extract-imports": "^3.0.0",
     "postcss-modules-local-by-default": "^4.0.0",
     "postcss-modules-scope": "^3.0.0",
     "postcss-modules-values": "^4.0.0",
     "postcss-value-parser": "^4.1.0",
-    "schema-utils": "^3.0.0",
     "semver": "^7.3.5"
   },
   "devDependencies": {
-    "@babel/cli": "^7.13.14",
-    "@babel/core": "^7.13.15",
-    "@babel/preset-env": "^7.13.15",
-    "@commitlint/cli": "^12.1.1",
-    "@commitlint/config-conventional": "^12.1.1",
+    "@babel/cli": "^7.14.5",
+    "@babel/core": "^7.14.6",
+    "@babel/preset-env": "^7.14.7",
+    "@commitlint/cli": "^12.1.4",
+    "@commitlint/config-conventional": "^12.1.4",
     "@webpack-contrib/eslint-config-webpack": "^3.0.0",
-    "babel-jest": "^26.6.3",
+    "babel-jest": "^27.0.6",
     "cross-env": "^7.0.3",
     "del": "^6.0.0",
-    "del-cli": "^3.0.1",
-    "es-check": "^5.2.3",
-    "eslint": "^7.24.0",
-    "eslint-config-prettier": "^8.2.0",
-    "eslint-plugin-import": "^2.22.1",
+    "del-cli": "^4.0.0",
+    "es-check": "^5.2.4",
+    "eslint": "^7.30.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-import": "^2.23.4",
     "file-loader": "^6.2.0",
-    "husky": "^4.3.8",
-    "jest": "^26.6.3",
+    "husky": "^7.0.1",
+    "jest": "^27.0.6",
     "less": "^4.1.1",
-    "less-loader": "^7.1.0",
-    "lint-staged": "^10.5.4",
+    "less-loader": "^10.0.1",
+    "lint-staged": "^11.0.1",
     "memfs": "^3.2.2",
-    "mini-css-extract-plugin": "^1.4.1",
+    "mini-css-extract-plugin": "^2.1.0",
     "npm-run-all": "^4.1.5",
-    "postcss-loader": "^4.0.4",
+    "postcss-loader": "^6.1.1",
     "postcss-preset-env": "^6.7.0",
-    "prettier": "^2.1.2",
-    "sass": "^1.32.8",
-    "sass-loader": "^10.1.0",
-    "standard-version": "^9.2.0",
+    "prettier": "^2.3.2",
+    "sass": "^1.35.2",
+    "sass-loader": "^12.1.0",
+    "standard-version": "^9.3.1",
     "strip-ansi": "^6.0.0",
-    "style-loader": "^2.0.0",
+    "style-loader": "^3.1.0",
     "stylus": "^0.54.8",
-    "stylus-loader": "^4.3.0",
+    "stylus-loader": "^6.1.0",
     "url-loader": "^4.1.1",
-    "webpack": "^5.34.0"
+    "webpack": "^5.44.0"
   },
   "keywords": [
     "webpack",