React新手开发共享库：MUI V5选Emotion还是CSS Modules？

我正在开发React共享库，作为React新手，对该选用哪种CSS方案感到困惑。MUI V5官网建议在SX不足以满足需求时，使用Emotion自定义组件，但网上不少观点认为CSS Modules是更优方案。

我梳理了二者的优缺点（若有错误请指正）：

Emotion（CSS in JS库） #

优点 #

• 可基于props通过JS实现动态样式，代码更简洁
• 使用<CustomButton></CustomButton>这类styled组件名，无需添加className=，代码更整洁

缺点 #

• 需从JS解析为CSS，存在渲染延迟
• 无缓存机制
• 不支持CSS预处理器（如SCSS）
• 包体积比CSS Modules更大
• 存在服务端渲染（Server-side rendering）问题
• 可能像MUI V4的MakeStyles一样被弃用

CSS Modules #

优点 #

• 每个组件对应独立CSS文件，结构更清晰
• 支持缓存
• 可使用SCSS
• 后续切换框架（如React转Vue/Angular）迁移更便捷

缺点 #

• 设置全局样式需在CSS类前添加:global（会移除唯一ID）
• 无法在CSS中使用JS实现动态样式
• 需在文件顶部每次导入CSS
• 使用TypeScript时，需自动或手动生成接口

想请教：我是否遗漏了其他需要考量的重要优缺点？

内容的提问来源于stack exchange，提问作者Itzik