Update webpack (master) (major)

[renovate[bot]]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
css-loader	6.10.0 -> 7.1.1
style-loader	3.3.4 -> 4.0.0

---

Release Notes

webpack-contrib/css-loader (css-loader)

### [`v7.1.1`](https://togithub.com/webpack-contrib/css-loader/blob/HEAD/CHANGELOG.md#711-2024-04-10) [Compare Source](https://togithub.com/webpack-contrib/css-loader/compare/v7.1.0...v7.1.1) ### [`v7.1.0`](https://togithub.com/webpack-contrib/css-loader/blob/HEAD/CHANGELOG.md#710-2024-04-08) [Compare Source](https://togithub.com/webpack-contrib/css-loader/compare/v7.0.0...v7.1.0) ##### Features - added the `getJSON` option to output CSS modules mapping ([#​1577](https://togithub.com/webpack-contrib/css-loader/issues/1577)) ([af834b4](https://togithub.com/webpack-contrib/css-loader/commit/af834b43b375f336108d74ff7bd9ed13bc79200a)) ### [`v7.0.0`](https://togithub.com/webpack-contrib/css-loader/blob/HEAD/CHANGELOG.md#700-2024-04-04) [Compare Source](https://togithub.com/webpack-contrib/css-loader/compare/v6.11.0...v7.0.0) ##### ⚠ BREAKING CHANGES - The `modules.namedExport` option is `true` by default if you enable the `esModule` option Migration guide: Before: ```js import style from "./style.css"; console.log(style.myClass); ``` After: ```js import * as style from "./style.css"; console.log(style.myClass); ``` - The `modules.exportLocalsConvention` has the value `as-is` when the `modules.namedExport` option is `true` and you don't specify a value - Minimum supported webpack version is `5.27.0` - Minimum supported Node.js version is `18.12.0` ##### Features - The `modules.namedExports` option works fine with any `modules.exportLocalsConvention` values ([f96a110](https://togithub.com/webpack-contrib/css-loader/commit/f96a11007da55a632de7f58167895e1b5814d717)) - Added dashed variants for the `modules.exportLocalsConvention` options ([40e1668](https://togithub.com/webpack-contrib/css-loader/commit/40e1668b8366f0df63343efe706ba848c2b5dfb2)) ### [`v6.11.0`](https://togithub.com/webpack-contrib/css-loader/blob/HEAD/CHANGELOG.md#6110-2024-04-03) [Compare Source](https://togithub.com/webpack-contrib/css-loader/compare/v6.10.0...v6.11.0) ##### Features - supports multiple composes ([#​1582](https://togithub.com/webpack-contrib/css-loader/issues/1582)) ([bbca614](https://togithub.com/webpack-contrib/css-loader/commit/bbca61411dc5f82964653a6d1aa27854519b743d)) ##### Bug Fixes - do not break `@scope` at-rule without params ([#​1581](https://togithub.com/webpack-contrib/css-loader/issues/1581)) ([e022e3b](https://togithub.com/webpack-contrib/css-loader/commit/e022e3bb405472ac7d51ff1114783fc2811dfe04))

webpack-contrib/style-loader (style-loader)

### [`v4.0.0`](https://togithub.com/webpack-contrib/style-loader/blob/HEAD/CHANGELOG.md#400-2024-04-08) [Compare Source](https://togithub.com/webpack-contrib/style-loader/compare/v3.3.4...v4.0.0) ##### ⚠ BREAKING CHANGES - minimum supported webpack version is `5.27.0` - minimum support Node.js version is `18.12.0` - the `insert` option can only be a selector or the path to the module Migration: Before: **webpack.config.js** ```js module.exports = { module: { rules: [ { test: /\.css$/i, use: [ { loader: "style-loader", options: { injectType: "styleTag", styleTagTransform: function (css, style) { // Do something ... style.innerHTML = `${css}.modify{}\n`; document.head.appendChild(style); }, }, }, "css-loader", ], }, ], }, }; ``` After: **insert-function.js** ```js function insert(css, style) { var parent = options.target || document.head; parent.appendChild(element); } module.exports = insert; ``` **webpack.config.js** ```js module.exports = { module: { rules: [ { test: /\.css$/i, use: [ { loader: "style-loader", options: { insert: require.resolve("./insert.js"), }, }, "css-loader", ], }, ], }, }; ``` - the `styleTagTransform` option can only be the path to the module Migration: Before: **webpack.config.js** ```js module.exports = { module: { rules: [ { test: /\.css$/i, use: [ { loader: "style-loader", options: { injectType: "styleTag", styleTagTransform: function (css, style) { // Do something ... style.innerHTML = `${css}.modify{}\n`; document.head.appendChild(style); }, }, }, "css-loader", ], }, ], }, }; ``` After: **style-tag-transform-function.js** ```js function styleTagTransform(css, style) { // Do something ... style.innerHTML = `${css}.modify{}\n`; document.head.appendChild(style); } module.exports = styleTagTransform; ``` **webpack.config.js** ```js module.exports = { module: { rules: [ { test: /\.css$/i, use: [ { loader: "style-loader", options: { styleTagTransform: require.resolve("./style-tag-transform-function.js"), }, }, "css-loader", ], }, ], }, }; ``` ##### Bug Fixes - css experiments logic ([#​617](https://togithub.com/webpack-contrib/style-loader/issues/617)) ([8b9fc97](https://togithub.com/webpack-contrib/style-loader/commit/8b9fc976628341d3e33b77b5eb4b6ebad009fd19)) ##### [3.3.3](https://togithub.com/webpack-contrib/style-loader/compare/v3.3.2...v3.3.3) (2023-05-19) ##### Bug Fixes - compatibility with built-in CSS support ([#​605](https://togithub.com/webpack-contrib/style-loader/issues/605)) ([9636f58](https://togithub.com/webpack-contrib/style-loader/commit/9636f5805407734f587a87e69dd048e5cc7f1021)) ##### [3.3.2](https://togithub.com/webpack-contrib/style-loader/compare/v3.3.1...v3.3.2) (2023-03-13) ##### Bug Fixes - noop in environment without DOM API ([#​597](https://togithub.com/webpack-contrib/style-loader/issues/597)) ([03d3df3](https://togithub.com/webpack-contrib/style-loader/commit/03d3df3c363484c18a1e9a5e468a7600ea1322f3)) ##### [3.3.1](https://togithub.com/webpack-contrib/style-loader/compare/v3.3.0...v3.3.1) (2021-10-21) ##### Bug Fixes - small perf improvement ([#​544](https://togithub.com/webpack-contrib/style-loader/issues/544)) ([610524e](https://togithub.com/webpack-contrib/style-loader/commit/610524ef6266c27e147d3c0003e7825b08f17454))

---

Configuration

📅 Schedule: Branch creation - "after 5pm on the first day of the month" in timezone Europe/Zurich, Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

---

• [ ] If you want to rebase/retry this PR, check this box

---

This PR has been generated by Mend Renovate. View repository job log here.