如何设置从 UI 框架导入的 React 组件的 CSS 文件的样式

我正在评估使用 React 构建一个相当大的应用程序，我是 React 哲学的新手（我来自 Css+Js+jQuery 老派）

我需要的一件事是一个实现Google Material Design的良好UI框架。我读了很多关于人们在使用 React 和一些 MD 框架时遇到问题的 stackoverflow 线程。我发现使用经典的 UI 框架，我的意思是不是为 React 设计的，不是一个好的解决方案，因为这样的框架会改变 DOM，这可能会与 React 事件管理器等发生冲突。因此，似乎正确的方法是使用由 React 组件组成的 UI 框架。

尝试了其中的一些（material-ui，react-toolbox，essence，...），但对我来说新的（和令人惊讶的）是我只能改变一些"主题"，比如说"浅主题"或"黑暗主题"。否则我可以通过JS导入导入一些主题，然后调用类似的东西

$color-primary: $palette-blue-500;

以更改某些颜色。但这还不够。我需要有一个完全可编辑的 CSS，或者至少了解所有的 CSS 类层次结构并可以自由地覆盖这些类。

这不可能吗？这是否意味着如果我需要完全可定制的组件，这是错误的方式？还是我错过了提供这个机会的"正确"图书馆？

任何帮助将不胜感激。