Chore(deps-dev): Bump style-loader from 3.3.4 to 4.0.0 (#143)

Bumps [style-loader](https://github.com/webpack-contrib/style-loader)
from 3.3.4 to 4.0.0.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/webpack-contrib/style-loader/releases">style-loader's
releases</a>.</em></p>
<blockquote>
<h2>v4.0.0</h2>
<h2><a
href="https://github.com/webpack-contrib/style-loader/compare/v3.3.3...v4.0.0">4.0.0</a>
(2024-04-08)</h2>
<h3>⚠ BREAKING CHANGES</h3>
<ul>
<li>minimum supported webpack version is <code>5.27.0</code></li>
<li>minimum support Node.js version is <code>18.12.0</code></li>
<li>the <code>insert</code> option can only be a selector or the path to
the module</li>
</ul>
<p>Migration:</p>
<p>Before:</p>
<p><strong>webpack.config.js</strong></p>
<pre lang="js"><code>module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          {
            loader: &quot;style-loader&quot;,
            options: {
              injectType: &quot;styleTag&quot;,
              styleTagTransform: function (css, style) {
                // Do something ...
                style.innerHTML = `${css}.modify{}\n`;
<pre><code>            document.head.appendChild(style);
          },
        },
      },
      &amp;quot;css-loader&amp;quot;,
    ],
  },
],
</code></pre>
<p>},
};
</code></pre></p>
<p>After:</p>
<p><strong>insert-function.js</strong></p>
<pre lang="js"><code>function insert(css, style) {
  var parent = options.target || document.head;
&lt;/tr&gt;&lt;/table&gt; 
</code></pre>
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a
href="https://github.com/webpack-contrib/style-loader/blob/master/CHANGELOG.md">style-loader's
changelog</a>.</em></p>
<blockquote>
<h2><a
href="https://github.com/webpack-contrib/style-loader/compare/v3.3.3...v4.0.0">4.0.0</a>
(2024-04-08)</h2>
<h3>⚠ BREAKING CHANGES</h3>
<ul>
<li>minimum supported webpack version is <code>5.27.0</code></li>
<li>minimum support Node.js version is <code>18.12.0</code></li>
<li>the <code>insert</code> option can only be a selector or the path to
the module</li>
</ul>
<p>Migration:</p>
<p>Before:</p>
<p><strong>webpack.config.js</strong></p>
<pre lang="js"><code>module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          {
            loader: &quot;style-loader&quot;,
            options: {
              injectType: &quot;styleTag&quot;,
              styleTagTransform: function (css, style) {
                // Do something ...
                style.innerHTML = `${css}.modify{}\n`;
<pre><code>            document.head.appendChild(style);
          },
        },
      },
      &amp;quot;css-loader&amp;quot;,
    ],
  },
],
</code></pre>
<p>},
};
</code></pre></p>
<p>After:</p>
<p><strong>insert-function.js</strong></p>
<pre lang="js"><code>function insert(css, style) {
  var parent = options.target || document.head;
<p>&lt;/tr&gt;&lt;/table&gt;
</code></pre></p>
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="https://github.com/webpack-contrib/style-loader/commit/091d37d68abfb071c4fbdd335385cd6f1af114c6"><code>091d37d</code></a>
chore(release): 4.0.0</li>
<li><a
href="https://github.com/webpack-contrib/style-loader/commit/abc0b5f807be79934d4c471a3c160b20819e8fb1"><code>abc0b5f</code></a>
docs: improve more</li>
<li><a
href="https://github.com/webpack-contrib/style-loader/commit/565362c3007fd5e74f3e994a0bc51fb7d93af41d"><code>565362c</code></a>
docs: update</li>
<li><a
href="https://github.com/webpack-contrib/style-loader/commit/7122cdec2d2e69f70bf6a0edeab91e2661444b95"><code>7122cde</code></a>
refactor!: the <code>insert</code> option can only be a
<code>selector</code> or the path to the mo...</li>
<li><a
href="https://github.com/webpack-contrib/style-loader/commit/11b8639ba546a04d070936a8043514753df0d5e9"><code>11b8639</code></a>
refactor!: the <code>styleTagTransform</code> option can only be the
path to the module</li>
<li><a
href="https://github.com/webpack-contrib/style-loader/commit/7ec112011b4db7c8c569442c3dbc0a92075aafdb"><code>7ec1120</code></a>
test: fix</li>
<li><a
href="https://github.com/webpack-contrib/style-loader/commit/977bb71af010c5f6c6d5200ffa6497f4f7921942"><code>977bb71</code></a>
refactor!: minimum supported webpack version is <code>5.27.0</code></li>
<li><a
href="https://github.com/webpack-contrib/style-loader/commit/a70555a47a427a37079f052237197cc4888c86b9"><code>a70555a</code></a>
test: update</li>
<li><a
href="https://github.com/webpack-contrib/style-loader/commit/dc6e3689e22447e09b6aaf7602f14b319d13c678"><code>dc6e368</code></a>
refactor!: minimum support Node.js version is <code>18.12.0</code></li>
<li><a
href="https://github.com/webpack-contrib/style-loader/commit/b7cdc6c4bb27908b2462dded76b494f426255cb6"><code>b7cdc6c</code></a>
chore: update codecov-action to v4 (<a
href="https://redirect.github.com/webpack-contrib/style-loader/issues/623">#623</a>)</li>
<li>Additional commits viewable in <a
href="https://github.com/webpack-contrib/style-loader/compare/v3.3.4...v4.0.0">compare
view</a></li>
</ul>
</details>
<br />


[![Dependabot compatibility
score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=style-loader&package-manager=npm_and_yarn&previous-version=3.3.4&new-version=4.0.0)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores)

Dependabot will resolve any conflicts with this PR as long as you don't
alter it yourself. You can also trigger a rebase manually by commenting
`@dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits
that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after
your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge
and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating
it. You can achieve the same result by closing it manually
- `@dependabot show <dependency name> ignore conditions` will show all
of the ignore conditions of the specified dependency
- `@dependabot ignore this major version` will close this PR and stop
Dependabot creating any more for this major version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop
Dependabot creating any more for this minor version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop
Dependabot creating any more for this dependency (unless you reopen the
PR or upgrade to it yourself)


</details>

package.json

@@ -87,7 +87,7 @@
     "eslint-webpack-plugin": "^4.0.1",
     "fs-extra": "^11.2.0",
     "html-webpack-plugin": "^5.6.0",
-    "style-loader": "^3.3.4",
+    "style-loader": "^4.0.0",
     "webpack": "^5.90.3",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.2"