Переопределение значений по умолчанию в вариантах Styled-системы

Question

ПРИМЕЧАНИЕ. Я ссылаюсь на следующую функциональность в системной системе: https://styled -system.com / api # варианты

У меня есть следующий вариант кнопок в моем theme.jsfile:

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

Это дает хороший стиль по умолчанию для плоской кнопки.Однако, будет время, когда я захочу переопределить цвет по умолчанию.Скажем, что-то вроде этого:

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

Однако это не работает - потому что (если я правильно понимаю), нельзя использовать реквизит с вариантами (это правильно?).Если да, то мне интересно, есть ли способ переопределить стиль для variant="flat" в каждом конкретном случае?