https://codesandbox.io/s/crimson-glade-tfix6s

I have some custom variants and I would like these to take the colours from the theme which I have defined on palette.

I would like my custom variants to have the same styling that is globally set inside the theme to be inherited. However it does not seem to be happening

variants: [
  {
    props: { variant: "icon", size: "large" },
    style: {
      color: "inherit",
      background: "inherit"
    }
  }
]