React MUI V5 创建共享库 - 我应该选择什么 CSS 方式？

Question

我正在努力在 React 中创建一个共享库，我对 React 语言还很陌生，并且对 React 的 Material Ui 包有点困惑。

目前我有一个使用 Material UI 的基于 Angular 的共享库，我想在 React 中创建相同类型的库。 在 Angular 中，我们从 Material UI 中获取组件并更改它们的 CSS 样式或基于这些 Material UI 组件创建新组件

在 MUI 网站上查看时，我注意到有几个选项，但我有点困惑应该使用哪一个（或者我应该一起使用其中几个选项？）

• 常规CSS
• 样式组件
• CSS 模块
• 情感
• 主题

我想要什么：

• 我可以轻松定制的库 - 更改字体/间距/颜色/添加图标等..
• 使用故事书来展示组件
• 如果可能的话尽量不要使用 !important 标签
• 捆绑尺寸 - 小
• 我的项目使用类型脚本

我可能错过了另一个选择吗？

如果没有，对于共享库，此选项中哪一个最适合 MUI V5，该库将仅导出基于 MUI 的不同自定义组件