feat(deps)!: update style-loader to v4 (#7270)

chenjiahan · web-flow · commit 928fa921dbd8 · 2026-03-02T12:57:39.000+08:00
diff --git a/.github/renovate.json5 b/.github/renovate.json5
@@ -94,9 +94,6 @@
     '@rspack/core',
     // some loaders still depend on loader-utils v2
     'loader-utils',
-    // major version contains breaking changes
-    'style-loader',
-    'http-proxy-middleware',
     // Temporary ignore
     'less',
     'tinyglobby',
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -90,7 +90,7 @@
     "rspack-manifest-plugin": "5.2.1",
     "sirv": "^3.0.2",
     "stacktrace-parser": "^0.1.11",
-    "style-loader": "3.3.4",
+    "style-loader": "^4.0.0",
     "supports-color": "^10.2.2",
     "tinyglobby": "0.2.14",
     "typescript": "^5.9.3",
diff --git a/packages/core/src/types/thirdParty.ts b/packages/core/src/types/thirdParty.ts
@@ -231,23 +231,24 @@ export interface StyleLoaderOptions {
    */
   attributes?: Record<string, string>;
   /**
-   * By default, the style-loader appends <style>/<link> elements to the end of the style target, which is the <head> tag of the page unless specified by insert.
+   * By default, style-loader appends <style>/<link> elements to the end of the style target,
+   * which is the <head> tag of the page unless specified by insert.
    * This will cause CSS created by the loader to take priority over CSS already present in the target.
    * You can use other values if the standard behavior is not suitable for you, but we do not recommend doing this.
+   * If you target an iframe, make sure you have sufficient access rights.
+   *
+   * Supports:
+   * - a CSS selector where styles are injected
+   * - an absolute path to a custom insert module
    *
    * @default 'head'
    */
-  insert?:
-    | LiteralUnion<'head' | 'body', string>
-    | ((element: HTMLElement) => void);
+  insert?: LiteralUnion<'head' | 'body', string>;
   /**
-   * Allows to setup absolute path to custom function that allows to override default behavior styleTagTransform.
+   * Allows to setup an absolute path to a custom module that overrides
+   * the default styleTagTransform behavior.
+   *
+   * @default undefined
    */
-  styleTagTransform?:
-    | string
-    | ((
-        css: string,
-        styleElement: HTMLStyleElement,
-        options: Record<string, any>,
-      ) => void);
+  styleTagTransform?: string;
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
