The goal is to replace all tailwindcss in theme-default with CSS Modules.

Each component uses the corresponding .module.scss file.

Task Breakdown into below

1. Replace all CSS Modules with the namedExport.

That is, change import styles from './foo.module.scss' to import { Foo } from './foo.module.scss'.

2. Convert all tailwind-CSS to CSS Modules.

3. Convert some CSS Modules styles to BEM, key class names for easy extension of styles by users.

目标是将 theme-default 中所有的 tailwindcss 全部换成 CSS Modules
每个组件使用对应的 .module.scss 文件

任务拆分

1. 将所有 CSS Modules 换成用 namedExport 的形式
   即 import styles from './foo.module.scss' 修改为 import { Foo } from './foo.module.scss' 的形式

2. 将 tailwind-CSS 全部变为 CSS Modules

3. 将部分 CSS Modules 样式变成 BEM ，关键类名，方便用户扩展样式