@unpackjs/core 1.5.3 → 1.6.0

package/dist/bundler-config/css.cjs

@@ -0,0 +1,168 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var css_exports = {};
+__export(css_exports, {
+  addCssSupport: () => addCssSupport
+});
+module.exports = __toCommonJS(css_exports);
+var import_node_path = __toESM(require("node:path"));
+var import_core = require("@rspack/core");
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"));
+var import_constants = require("../constants.cjs");
+var import_utils = require("../utils.cjs");
+var import_helper = require("./helper.cjs");
+const { merge } = require("../../compiled/webpack-merge/index.js");
+function addCssSupport({
+  config,
+  unpackConfig
+}) {
+  const MiniCssExtractPlugin = unpackConfig.bundler === "webpack" ? import_mini_css_extract_plugin.default : import_core.rspack.CssExtractRspackPlugin;
+  let modules = unpackConfig.css?.modules;
+  if (!(0, import_utils.isPlainObject)(modules) && modules !== false)
+    modules = {};
+  const getAutoOption = () => {
+    if (modules === false)
+      return false;
+    const auto = modules.auto;
+    if (auto === false)
+      return false;
+    return (resourcePath) => {
+      if (resourcePath.includes("node_modules"))
+        return import_constants.CSS_MODULES_REGEX.test(resourcePath);
+      if ((0, import_utils.isRegExp)(auto))
+        return auto.test(resourcePath);
+      if ((0, import_utils.isFunction)(auto))
+        return auto(resourcePath);
+      return import_constants.CSS_MODULES_REGEX.test(resourcePath);
+    };
+  };
+  const getCommonRules = ({ importLoaders }) => [
+    (0, import_utils.isDevServer)() ? {
+      loader: (0, import_utils.getCompiledPkgPath)("style-loader")
+    } : {
+      loader: MiniCssExtractPlugin.loader,
+      options: {
+        defaultExport: true
+      }
+    },
+    (0, import_utils.isDev)() && {
+      loader: import_node_path.default.resolve(__dirname, "../typed-css-modules/loader.cjs"),
+      options: {
+        modules
+      }
+    },
+    {
+      loader: (0, import_utils.getCompiledPkgPath)("css-loader"),
+      options: {
+        importLoaders,
+        modules: {
+          auto: getAutoOption(),
+          localIdentName: modules !== false && (modules.localIdentName || import_constants.CSS_MODULES_LOCAL_IDENT_NAME),
+          exportLocalsConvention: import_constants.EXPORT_LOCALS_CONVENTION,
+          namedExport: import_constants.CSS_NAMED_EXPORT
+        },
+        sourceMap: unpackConfig.css?.sourceMap
+      }
+    }
+  ].filter(Boolean);
+  if (!(0, import_utils.isDevServer)()) {
+    config.plugins.push(
+      // @ts-expect-error - decide by bundler
+      new MiniCssExtractPlugin({
+        filename: (0, import_helper.getOutputFilename)({ type: "css", hash: unpackConfig.build?.filenameHash })
+      })
+    );
+  }
+  config.module?.rules?.push({
+    test: /\.less$/i,
+    use: [
+      ...getCommonRules({ importLoaders: 1 }),
+      unpackConfig.build?.parallel && {
+        loader: import_node_path.default.resolve(__dirname, "../thread-loader/index.cjs"),
+        options: import_constants.THREAD_OPTIONS
+      },
+      {
+        loader: (0, import_utils.getCompiledPkgPath)("less-loader"),
+        options: {
+          lessOptions: merge(
+            {
+              javascriptEnabled: true
+            },
+            unpackConfig.css?.less || {}
+          ),
+          implementation: (0, import_utils.getUserDepPath)(unpackConfig.root, "less"),
+          sourceMap: unpackConfig.css?.sourceMap
+        }
+      }
+    ].filter(Boolean)
+  });
+  const getLightningcssLoader = () => {
+    return {
+      loader: import_node_path.default.resolve(__dirname, "../lightningcss/loader.cjs"),
+      options: merge(unpackConfig.css?.lightningcss || {}, {
+        sourceMap: unpackConfig.css?.sourceMap
+      })
+    };
+  };
+  const getPostcssLoader = () => {
+    return {
+      loader: (0, import_utils.getCompiledPkgPath)("postcss-loader"),
+      options: {
+        postcssOptions: unpackConfig.css?.postcss,
+        sourceMap: unpackConfig.css?.sourceMap
+      }
+    };
+  };
+  const getCssLoader = () => {
+    return unpackConfig.css?.transformer === "lightningcss" ? getLightningcssLoader() : getPostcssLoader();
+  };
+  config.module?.rules?.push({
+    test: /\.css$/i,
+    use: [...getCommonRules({ importLoaders: 1 }), getCssLoader()]
+  });
+  config.module?.rules?.push({
+    test: /\.s[ac]ss$/i,
+    use: [
+      ...getCommonRules({ importLoaders: 1 }),
+      {
+        loader: (0, import_utils.getCompiledPkgPath)("sass-loader"),
+        options: {
+          api: "modern-compiler",
+          implementation: (0, import_utils.getUserDepPath)(unpackConfig.root, ["sass-embedded", "sass"]),
+          sassOptions: unpackConfig.css?.sass,
+          sourceMap: unpackConfig.css?.sourceMap
+        }
+      }
+    ]
+  });
+  return config;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addCssSupport
+});

package/dist/bundler-config/css.d.ts

@@ -0,0 +1,6 @@
+import type { BundlerConfiguration, UnpackConfig } from '../types/index';
+export declare function addCssSupport({ config, unpackConfig, }: {
+    config: BundlerConfiguration;
+    unpackConfig: UnpackConfig;
+}): BundlerConfiguration;
+//# sourceMappingURL=css.d.ts.map

package/dist/bundler-config/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../src/bundler-config/css.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAazE,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,YAAY,GACb,EAAE;IACD,MAAM,EAAE,oBAAoB,CAAA;IAC5B,YAAY,EAAE,YAAY,CAAA;CAC3B,GAAG,oBAAoB,CAkIvB"}

package/dist/bundler-config/css.js

@@ -0,0 +1,158 @@
+import { createRequire } from 'node:module';
+var require = createRequire(import.meta['url']);
+
+import path from "path";
+import { fileURLToPath } from "url";
+var getFilename = () => fileURLToPath(import.meta.url);
+var getDirname = () => path.dirname(getFilename());
+var __dirname = /* @__PURE__ */ getDirname();
+var __filename = /* @__PURE__ */ getFilename();
+import path2 from "node:path";
+import { rspack } from "@rspack/core";
+import WebpackMiniCssExtractPlugin from "mini-css-extract-plugin";
+import {
+  CSS_MODULES_LOCAL_IDENT_NAME,
+  CSS_MODULES_REGEX,
+  CSS_NAMED_EXPORT,
+  EXPORT_LOCALS_CONVENTION,
+  THREAD_OPTIONS
+} from "../constants.js";
+import {
+  getCompiledPkgPath,
+  getUserDepPath,
+  isDev,
+  isDevServer,
+  isFunction,
+  isPlainObject,
+  isRegExp
+} from "../utils.js";
+import { getOutputFilename } from "./helper.js";
+const { merge } = require("../../compiled/webpack-merge/index.js");
+function addCssSupport({
+  config,
+  unpackConfig
+}) {
+  const MiniCssExtractPlugin = unpackConfig.bundler === "webpack" ? WebpackMiniCssExtractPlugin : rspack.CssExtractRspackPlugin;
+  let modules = unpackConfig.css?.modules;
+  if (!isPlainObject(modules) && modules !== false)
+    modules = {};
+  const getAutoOption = () => {
+    if (modules === false)
+      return false;
+    const auto = modules.auto;
+    if (auto === false)
+      return false;
+    return (resourcePath) => {
+      if (resourcePath.includes("node_modules"))
+        return CSS_MODULES_REGEX.test(resourcePath);
+      if (isRegExp(auto))
+        return auto.test(resourcePath);
+      if (isFunction(auto))
+        return auto(resourcePath);
+      return CSS_MODULES_REGEX.test(resourcePath);
+    };
+  };
+  const getCommonRules = ({ importLoaders }) => [
+    isDevServer() ? {
+      loader: getCompiledPkgPath("style-loader")
+    } : {
+      loader: MiniCssExtractPlugin.loader,
+      options: {
+        defaultExport: true
+      }
+    },
+    isDev() && {
+      loader: path2.resolve(__dirname, "../typed-css-modules/loader.cjs"),
+      options: {
+        modules
+      }
+    },
+    {
+      loader: getCompiledPkgPath("css-loader"),
+      options: {
+        importLoaders,
+        modules: {
+          auto: getAutoOption(),
+          localIdentName: modules !== false && (modules.localIdentName || CSS_MODULES_LOCAL_IDENT_NAME),
+          exportLocalsConvention: EXPORT_LOCALS_CONVENTION,
+          namedExport: CSS_NAMED_EXPORT
+        },
+        sourceMap: unpackConfig.css?.sourceMap
+      }
+    }
+  ].filter(Boolean);
+  if (!isDevServer()) {
+    config.plugins.push(
+      // @ts-expect-error - decide by bundler
+      new MiniCssExtractPlugin({
+        filename: getOutputFilename({ type: "css", hash: unpackConfig.build?.filenameHash })
+      })
+    );
+  }
+  config.module?.rules?.push({
+    test: /\.less$/i,
+    use: [
+      ...getCommonRules({ importLoaders: 1 }),
+      unpackConfig.build?.parallel && {
+        loader: path2.resolve(__dirname, "../thread-loader/index.cjs"),
+        options: THREAD_OPTIONS
+      },
+      {
+        loader: getCompiledPkgPath("less-loader"),
+        options: {
+          lessOptions: merge(
+            {
+              javascriptEnabled: true
+            },
+            unpackConfig.css?.less || {}
+          ),
+          implementation: getUserDepPath(unpackConfig.root, "less"),
+          sourceMap: unpackConfig.css?.sourceMap
+        }
+      }
+    ].filter(Boolean)
+  });
+  const getLightningcssLoader = () => {
+    return {
+      loader: path2.resolve(__dirname, "../lightningcss/loader.cjs"),
+      options: merge(unpackConfig.css?.lightningcss || {}, {
+        sourceMap: unpackConfig.css?.sourceMap
+      })
+    };
+  };
+  const getPostcssLoader = () => {
+    return {
+      loader: getCompiledPkgPath("postcss-loader"),
+      options: {
+        postcssOptions: unpackConfig.css?.postcss,
+        sourceMap: unpackConfig.css?.sourceMap
+      }
+    };
+  };
+  const getCssLoader = () => {
+    return unpackConfig.css?.transformer === "lightningcss" ? getLightningcssLoader() : getPostcssLoader();
+  };
+  config.module?.rules?.push({
+    test: /\.css$/i,
+    use: [...getCommonRules({ importLoaders: 1 }), getCssLoader()]
+  });
+  config.module?.rules?.push({
+    test: /\.s[ac]ss$/i,
+    use: [
+      ...getCommonRules({ importLoaders: 1 }),
+      {
+        loader: getCompiledPkgPath("sass-loader"),
+        options: {
+          api: "modern-compiler",
+          implementation: getUserDepPath(unpackConfig.root, ["sass-embedded", "sass"]),
+          sassOptions: unpackConfig.css?.sass,
+          sourceMap: unpackConfig.css?.sourceMap
+        }
+      }
+    ]
+  });
+  return config;
+}
+export {
+  addCssSupport
+};

package/dist/bundler-config/experimentCss.cjs

@@ -0,0 +1,167 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var experimentCss_exports = {};
+__export(experimentCss_exports, {
+  addExperimentCssSupport: () => addExperimentCssSupport
+});
+module.exports = __toCommonJS(experimentCss_exports);
+var import_node_path = __toESM(require("node:path"));
+var import_constants = require("../constants.cjs");
+var import_typed_css_modules = require("../typed-css-modules/index.cjs");
+var import_utils = require("../utils.cjs");
+var import_helper = require("./helper.cjs");
+const { merge } = require("../../compiled/webpack-merge/index.js");
+function addExperimentCssSupport({
+  config,
+  unpackConfig
+}) {
+  const CSS_FILENAME = (0, import_helper.getOutputFilename)({ type: "css", hash: unpackConfig.build?.filenameHash });
+  config.output.cssFilename = CSS_FILENAME;
+  config.output.cssChunkFilename = CSS_FILENAME;
+  (0, import_utils.setValueByPath)(config, ["experiments", "css"], true);
+  let modules = unpackConfig.css?.modules;
+  if (!(0, import_utils.isPlainObject)(modules) && modules !== false)
+    modules = {};
+  if (modules !== false && modules.auto !== false) {
+    (0, import_utils.setValueByPath)(config, ["module", "parser", "css/module"], {
+      namedExports: import_constants.CSS_NAMED_EXPORT
+    });
+    (0, import_utils.setValueByPath)(config, ["module", "generator", "css/module"], {
+      localIdentName: modules.localIdentName || import_constants.CSS_MODULES_LOCAL_IDENT_NAME,
+      exportsConvention: import_constants.EXPORT_LOCALS_CONVENTION
+    });
+  }
+  const withCssModules = ({ use }) => {
+    if (modules === false)
+      return false;
+    const auto = modules.auto;
+    if (auto === false)
+      return false;
+    return {
+      test: (resourcePath) => {
+        if (resourcePath.includes("node_modules"))
+          return import_constants.CSS_MODULES_REGEX.test(resourcePath);
+        if ((0, import_utils.isRegExp)(auto))
+          return auto.test(resourcePath);
+        if ((0, import_utils.isFunction)(auto))
+          return auto(resourcePath);
+        return import_constants.CSS_MODULES_REGEX.test(resourcePath);
+      },
+      use,
+      type: "css/module"
+    };
+  };
+  const getThreadLoader = () => {
+    return unpackConfig.build?.parallel && {
+      loader: import_node_path.default.resolve(__dirname, "../thread-loader/index.cjs"),
+      options: import_constants.THREAD_OPTIONS
+    };
+  };
+  const getLessLoader = () => {
+    return {
+      loader: (0, import_utils.getCompiledPkgPath)("less-loader"),
+      options: {
+        lessOptions: merge(
+          {
+            javascriptEnabled: true
+          },
+          unpackConfig.css?.less || {}
+        ),
+        implementation: (0, import_utils.getUserDepPath)(unpackConfig.root, "less"),
+        sourceMap: unpackConfig.css?.sourceMap
+      }
+    };
+  };
+  config.module?.rules?.push({
+    test: /\.less$/i,
+    oneOf: [
+      withCssModules({ use: [getThreadLoader(), getLessLoader()].filter(Boolean) }),
+      {
+        use: [getThreadLoader(), getLessLoader()].filter(Boolean),
+        type: "css"
+      }
+    ].filter(Boolean)
+  });
+  const getLightningcssLoader = () => {
+    return {
+      loader: import_node_path.default.resolve(__dirname, "../lightningcss/loader.cjs"),
+      options: merge(unpackConfig.css?.lightningcss || {}, {
+        sourceMap: unpackConfig.css?.sourceMap
+      })
+    };
+  };
+  const getPostcssLoader = () => {
+    return {
+      loader: (0, import_utils.getCompiledPkgPath)("postcss-loader"),
+      options: {
+        postcssOptions: unpackConfig.css?.postcss,
+        sourceMap: unpackConfig.css?.sourceMap
+      }
+    };
+  };
+  const getCssLoader = () => {
+    return unpackConfig.css?.transformer === "lightningcss" ? getLightningcssLoader() : getPostcssLoader();
+  };
+  config.module?.rules?.push({
+    test: /\.css$/i,
+    oneOf: [
+      withCssModules({ use: [getCssLoader()] }),
+      {
+        use: [getCssLoader()],
+        type: "css"
+      }
+    ].filter(Boolean)
+  });
+  const getSassLoader = () => {
+    return {
+      loader: (0, import_utils.getCompiledPkgPath)("sass-loader"),
+      options: {
+        api: "modern-compiler",
+        implementation: (0, import_utils.getUserDepPath)(unpackConfig.root, ["sass-embedded", "sass"]),
+        sassOptions: unpackConfig.css?.sass,
+        sourceMap: unpackConfig.css?.sourceMap
+      }
+    };
+  };
+  config.module?.rules?.push({
+    test: /\.s[ac]ss$/i,
+    oneOf: [
+      withCssModules({ use: [getSassLoader()] }),
+      {
+        use: [getSassLoader()],
+        type: "css"
+      }
+    ].filter(Boolean)
+  });
+  (0, import_utils.isDev)() && config.plugins.push(new import_typed_css_modules.PluginTypedCssModules({ modules }));
+  return config;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addExperimentCssSupport
+});

package/dist/bundler-config/experimentCss.d.ts

@@ -0,0 +1,6 @@
+import type { BundlerConfiguration, UnpackConfig } from '../types/index';
+export declare function addExperimentCssSupport({ config, unpackConfig, }: {
+    config: BundlerConfiguration;
+    unpackConfig: UnpackConfig;
+}): BundlerConfiguration;
+//# sourceMappingURL=experimentCss.d.ts.map

package/dist/bundler-config/experimentCss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"experimentCss.d.ts","sourceRoot":"","sources":["../../src/bundler-config/experimentCss.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAazE,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,YAAY,GACb,EAAE;IACD,MAAM,EAAE,oBAAoB,CAAA;IAC5B,YAAY,EAAE,YAAY,CAAA;CAC3B,GAAG,oBAAoB,CA6HvB"}

package/dist/bundler-config/experimentCss.js

@@ -0,0 +1,157 @@
+import { createRequire } from 'node:module';
+var require = createRequire(import.meta['url']);
+
+import path from "path";
+import { fileURLToPath } from "url";
+var getFilename = () => fileURLToPath(import.meta.url);
+var getDirname = () => path.dirname(getFilename());
+var __dirname = /* @__PURE__ */ getDirname();
+var __filename = /* @__PURE__ */ getFilename();
+import path2 from "node:path";
+import {
+  CSS_MODULES_LOCAL_IDENT_NAME,
+  CSS_MODULES_REGEX,
+  CSS_NAMED_EXPORT,
+  EXPORT_LOCALS_CONVENTION,
+  THREAD_OPTIONS
+} from "../constants.js";
+import { PluginTypedCssModules } from "../typed-css-modules/index.js";
+import {
+  getCompiledPkgPath,
+  getUserDepPath,
+  isDev,
+  isFunction,
+  isPlainObject,
+  isRegExp,
+  setValueByPath
+} from "../utils.js";
+import { getOutputFilename } from "./helper.js";
+const { merge } = require("../../compiled/webpack-merge/index.js");
+function addExperimentCssSupport({
+  config,
+  unpackConfig
+}) {
+  const CSS_FILENAME = getOutputFilename({ type: "css", hash: unpackConfig.build?.filenameHash });
+  config.output.cssFilename = CSS_FILENAME;
+  config.output.cssChunkFilename = CSS_FILENAME;
+  setValueByPath(config, ["experiments", "css"], true);
+  let modules = unpackConfig.css?.modules;
+  if (!isPlainObject(modules) && modules !== false)
+    modules = {};
+  if (modules !== false && modules.auto !== false) {
+    setValueByPath(config, ["module", "parser", "css/module"], {
+      namedExports: CSS_NAMED_EXPORT
+    });
+    setValueByPath(config, ["module", "generator", "css/module"], {
+      localIdentName: modules.localIdentName || CSS_MODULES_LOCAL_IDENT_NAME,
+      exportsConvention: EXPORT_LOCALS_CONVENTION
+    });
+  }
+  const withCssModules = ({ use }) => {
+    if (modules === false)
+      return false;
+    const auto = modules.auto;
+    if (auto === false)
+      return false;
+    return {
+      test: (resourcePath) => {
+        if (resourcePath.includes("node_modules"))
+          return CSS_MODULES_REGEX.test(resourcePath);
+        if (isRegExp(auto))
+          return auto.test(resourcePath);
+        if (isFunction(auto))
+          return auto(resourcePath);
+        return CSS_MODULES_REGEX.test(resourcePath);
+      },
+      use,
+      type: "css/module"
+    };
+  };
+  const getThreadLoader = () => {
+    return unpackConfig.build?.parallel && {
+      loader: path2.resolve(__dirname, "../thread-loader/index.cjs"),
+      options: THREAD_OPTIONS
+    };
+  };
+  const getLessLoader = () => {
+    return {
+      loader: getCompiledPkgPath("less-loader"),
+      options: {
+        lessOptions: merge(
+          {
+            javascriptEnabled: true
+          },
+          unpackConfig.css?.less || {}
+        ),
+        implementation: getUserDepPath(unpackConfig.root, "less"),
+        sourceMap: unpackConfig.css?.sourceMap
+      }
+    };
+  };
+  config.module?.rules?.push({
+    test: /\.less$/i,
+    oneOf: [
+      withCssModules({ use: [getThreadLoader(), getLessLoader()].filter(Boolean) }),
+      {
+        use: [getThreadLoader(), getLessLoader()].filter(Boolean),
+        type: "css"
+      }
+    ].filter(Boolean)
+  });
+  const getLightningcssLoader = () => {
+    return {
+      loader: path2.resolve(__dirname, "../lightningcss/loader.cjs"),
+      options: merge(unpackConfig.css?.lightningcss || {}, {
+        sourceMap: unpackConfig.css?.sourceMap
+      })
+    };
+  };
+  const getPostcssLoader = () => {
+    return {
+      loader: getCompiledPkgPath("postcss-loader"),
+      options: {
+        postcssOptions: unpackConfig.css?.postcss,
+        sourceMap: unpackConfig.css?.sourceMap
+      }
+    };
+  };
+  const getCssLoader = () => {
+    return unpackConfig.css?.transformer === "lightningcss" ? getLightningcssLoader() : getPostcssLoader();
+  };
+  config.module?.rules?.push({
+    test: /\.css$/i,
+    oneOf: [
+      withCssModules({ use: [getCssLoader()] }),
+      {
+        use: [getCssLoader()],
+        type: "css"
+      }
+    ].filter(Boolean)
+  });
+  const getSassLoader = () => {
+    return {
+      loader: getCompiledPkgPath("sass-loader"),
+      options: {
+        api: "modern-compiler",
+        implementation: getUserDepPath(unpackConfig.root, ["sass-embedded", "sass"]),
+        sassOptions: unpackConfig.css?.sass,
+        sourceMap: unpackConfig.css?.sourceMap
+      }
+    };
+  };
+  config.module?.rules?.push({
+    test: /\.s[ac]ss$/i,
+    oneOf: [
+      withCssModules({ use: [getSassLoader()] }),
+      {
+        use: [getSassLoader()],
+        type: "css"
+      }
+    ].filter(Boolean)
+  });
+  isDev() && config.plugins.push(new PluginTypedCssModules({ modules }));
+  return config;
+}
+export {
+  addExperimentCssSupport
+};