Chakra-UI 覆盖 TailwindCSS 工具类导致部分样式失效的问题求助

大家好，我最近在项目里同时用Chakra-UI和TailwindCSS时碰到了个棘手的问题：当我给ChakraProvider传入value={defaultSystem}后，哪怕是**普通HTML标签（并非Chakra组件）**上的TailwindCSS工具类样式也被覆盖了！

举个具体的代码例子：

<ChakraProvider value={defaultSystem}>
  <div className="mx-2 p-4 text-4xl">text</div>
</ChakraProvider>

这里的mx-2、p-4、text-4xl这些Tailwind工具类完全不生效，我必须给这些样式加上!important提升优先级才能正常显示。但奇怪的是，像bg-*系列、hidden这类工具类却能正常工作。目前我只发现外边距、内边距、文字大小相关的类失效了，还不确定有没有其他受影响的工具类。

有没有朋友遇到过类似的情况？或者有人知道这是什么原因导致的，以及对应的解决办法吗？

内容来源于stack exchange