我在react with storybook中创建了一个共享库。
在这个库中，我使用了MUI V5按钮，并使用css模块更改了它的一些样式。
我已经在我的库中运行了“build&pack”脚本，这就创建了一个tgz包，我已经将它导入到一个新的react应用程序中，该应用程序使用了我的库（在我的依赖项中）

"dependencies": {
 "shared-react": "/Users/..../shared-react-1.0.0.tgz"
}

字符串
然后如果我像这样导入到我的应用程序中：

import './App.css';
import {ButtonCSSModule} from 'shared-react'
import * as React from 'react';

function App() {
    return (
        <div className="App">
            <ButtonCSSModule variant="contained" disabled={false}></ButtonCSSModule>
        </div>);
}

export default App;

型
标签：image
但如果我导入例如MUI按钮除了我的自定义按钮

import {Button} from '@mui/material';
import './App.css';
import {ButtonCSSModule} from 'shared-react'
import * as React from 'react';

function App() {
    return (
        <div className="App">
            <ButtonCSSModule variant="contained" disabled={false}></ButtonCSSModule>
            <Button variant={"contained"}>New Button From Material</Button>
        </div>);
}

export default App;

型
则该样式将被MUI样式image覆盖
有没有可能总是用我自己的样式（来自我的共享库）覆盖来自@mui/material的button样式？比如以某种方式导出CSS文件，并将其导入到我的新应用程序中，然后每当有人使用材质按钮时，它就会使用我创建的样式？
这是我创建的库的链接
Github链接到库：https://github.com/itzikd15/test的