如何将 !important 添加到 CSS-in-JS (JSS) 类属性？

我正在尝试使用一些 CSS-in-JS 类这个答案 https://stackoverflow.com/questions/54525334/how-can-i-change-the-label-size-of-a-material-ui-textfield/54525703#54525703在我的 React 项目中使用 Material UI 组件。我需要覆盖来自 Bootstrap 的 CSS，所以我想使用 !important 修饰符，我之前只在 .css 文件中使用过它，我不确定如何在 CSS-in-JS 中执行它。我的样式对象将传递到 Material-UIwithStyles函数如下所示，如何将 !important 添加到 fontSize 属性？我试过了30 !important和其他一些事情，但似乎没有任何作用。

Thanks

const styles = {
  labelRoot: {
    fontSize: 30
  }
}

正如 Adrian 指出的那样，您不需要这样做，但如果您绝对需要这样做，您可以将其设置为字符串：

const styles = {
  labelRoot: {
    fontSize: '30px !important',
  },
};