fix: use module css in message module

apps/ui/config/rollup.components.config.js

@@ -5,11 +5,12 @@ import postcss from 'rollup-plugin-postcss';
 import autoprefixer from 'autoprefixer';
 import cssnano from 'cssnano';
 import terser from '@rollup/plugin-terser';
-
 import postcssImport from 'postcss-import';
+import postcssNesting from 'postcss-nesting';
+
 import dts from 'rollup-plugin-dts';
 
-import * as glob from 'glob';
+import glob from 'fast-glob';
 import path from 'path';
 const isApps = process.env.TYPE === 'apps';
 const components = glob.sync('./src/components/**/index.ts');
@@ -38,6 +39,19 @@ const configs = entrys
           browser: true, // 处理浏览器版本的依赖
         }),
         commonjs(),
+        postcss({
+          inject: true, // 将 CSS 作为 <style> 标签插入
+          minimize: true, // 压缩 CSS
+          extract: false, // 将 CSS 写入文件
+          sourceMap: false, // 可选，是否生成 source map
+          modules: true, // 可选，启用 CSS Modules
+          plugins: [
+            postcssNesting(), //
+            postcssImport(),
+            autoprefixer(),
+            // cssnano(),
+          ],
+        }),
         typescript({
           tsconfig: './tsconfig.json',
           compilerOptions: {
@@ -46,7 +60,7 @@ const configs = entrys
             // outDir: './types', //
           },
         }), // 添加 TypeScript 插件
-        // terser(), // 压缩输出的 ES Module 文件
+        terser(), // 压缩输出的 ES Module 文件
       ],
     };
     const tsConfig = {
@@ -55,7 +69,14 @@ const configs = entrys
         file: path.join(output, `./${lastDirectory}.d.ts`),
         format: 'esm',
       },
-      plugins: [dts()],
+      plugins: [
+        dts({
+          compilerOptions: {
+            skipLibCheck: true,
+          },
+          exclude: ['**/*.css'],
+        }),
+      ],
     };
     return [buildConfig, tsConfig];
   })