makeStyles 不响应动态 CSS 变量

Question

const useStyles = makeStyles({
  paper: {
    color: "var(--text-color) !important",
  },
})

CSS 变量var(--text-color) 会根据切换在整个应用程序中发生变化。但是使用这个useStyles的组件并没有随之改变。

这里有什么问题？

已编辑：

这解决了它：

          <Autocomplete disablePortal />

现在，有人能解释一下原因吗？

Answer 1

这解决了它：

          <Autocomplete disablePortal />