merge css inject

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "leux",
-	"version": "0.2.8",
+	"version": "0.2.9",
 	"homepage": "https://leux.vercel.app/",
 	"description": "React components library",
 	"publishConfig": {
@@ -79,7 +79,6 @@
 		"rollup": "^2.79.0",
 		"rollup-plugin-dts": "^4.2.2",
 		"rollup-plugin-includepaths": "^0.2.4",
-		"rollup-plugin-merge-and-inject-css": "^1.1.3",
 		"rollup-plugin-peer-deps-external": "^2.2.4",
 		"rollup-plugin-postcss": "^4.0.2",
 		"rollup-plugin-terser": "^7.0.2",

rollup.config.js

@@ -13,8 +13,6 @@ import cssnested from "postcss-nested";
 // eslint-disable-next-line node/no-missing-import
 import cssimport from "postcss-import";
 
-import cssmerge from "rollup-plugin-merge-and-inject-css";
-
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
 import eslint from "@rollup/plugin-eslint";
 import eslintConfig from "./.eslintrc.json";
@@ -38,13 +36,16 @@ export default [
 		],
 		plugins: [
 			postcss({
+				extract: "leux.min.css",
 				inject: true,
+				modules: true,
 				minimize: true,
 				plugins: [cssimport(), simplevars(), cssnested()],
-				include: ["src/**/*.scss"],
-			}),
-			cssmerge({
-				id: "leux.min.css",
+				use: {
+					sass: true,
+					stylus: null,
+					less: null,
+				},
 			}),
 			peerDepsExternal(),
 			commonjs(),

src/components/CSS/CSS.tsx

@@ -0,0 +1,9 @@
+import React from "react";
+
+import "./global.scss";
+import "./variables.scss";
+import "./main.scss";
+
+const LeCSS = () => <></>;
+
+export { LeCSS };

src/components/CSS/index.ts

@@ -0,0 +1 @@
+export * from "./CSS";

src/components/index.ts

@@ -22,3 +22,4 @@ export * from "./ToastContext";
 export * from "./ToastProvider";
 export * from "./Tooltip";
 export * from "./Topography";
+export * from "./CSS";

src/index.ts

@@ -1,4 +1,3 @@
 export * from "./components";
 export * from "./types";
-export * as LeCSS from "./styles";
 export * from "./utils";