样式化系统变体中的覆盖默认值

Question

注意：我指的是样式系统中的以下功能：https://styled-system.com/api#variants

我的theme.js文件中有以下按钮变体：

...
  buttons: {
    flat: {
      color: '#343434',
      boxShadow: 'none',
      backgroundColor: 'transparent',
      transition: 'background-color .2s',
     },
  }

这为扁平按钮提供了一种不错的默认样式。但是，有时我想覆盖默认颜色。说，像这样：

<Button variant="flat" color="primary">Flat Button</Button>

但是，这不起作用-因为（如果我理解正确），一个人不能使用带有变体的道具（对吗？）。如果是这样，我想知道是否有一种方法可以视情况改写variant="flat"的样式？