如何在 MaterialUI 4 的 makeStyles（） 中使用“inherit”CSS 关键字？

问：

import { Button } from '@material-ui/core'
import { makeStyles } from '@material-ui/core/styles'

const useStyles = makeStyles({
  button: {
    backgroundColor: '#417bff',
    width: '200px',
    color: 'white',
    '&:hover': {
      transform: 'scale(1.03)',
      backgroundColor: 'inherit' # <<<<
    }
  }
})

const BaseButton = ({ context, href }) => {
  const classes = useStyles()

  return (
    <Button className={classes.button} variant="contained" href={href}>
      {context}
    </Button>
  )
}

我正在尝试确保当按钮处于悬停状态时，它将继承 #417bff 的 backgroundColor 值。我想在样式中实现道具，并且不希望不断重复每个伪选择器的颜色值。目的是，当调用按钮 BaseButton 组件时，props 只接受按钮背景颜色的单个值，并且任何状态（即活动、悬停等）都会继承父颜色。

我只能使用 MaterialUI 4，因为这是遗留代码。