Using tremo and Material Tailwind together may cause some icon colors to become invalid

[pickedbrian]

Tremor Version
3.2.5,3.2.3

Link to minimal reproduction
https://github.com/creativetimofficial/material-tailwind?ref=material-tailwind

Steps to reproduce
1.install termor and matterial tailwind
2.Code and preview
<TextInput placeholder="password" value={password} onChange={(e) => setPassword(e.target.value)} onBlur={validateForm} error={Boolean(errors.password)} />

What is expected?
If I remove withMT, the icons can revert to their normal state.

What is actually happening?
Once using withMT, some icons will lose their colors.

What browsers are you seeing the problem on?
Chrome

Any additional comments?
Should I ask this question at Material Tailwind or here?

seems that the color attribute has been overridden

material Tailwind config withMT:

1.https://github.com/creativetimofficial/material-tailwind/blob/main/packages/material-tailwind-react/src/utils/withMT.js

2.https://github.com/creativetimofficial/material-tailwind/blob/main/packages/material-tailwind-react/src/theme/base/colors.js