Как использовать собственные классы в пользовательском интерфейсе темы

Question

Я использую gatsby-plugin-theme-uiна моем статическом сайте. Я добавил собственный класс стиля вindex.js нравится

styles: {
custom: {
  backgroundColor: "background",
  color: "text",
  fontFamily: "default",
  fontSize: 2,
  lineHeight: "text",
  padding: 0,
  overflowY: "auto",
}}

В компоненте я импортирую styled от theme-ui и пытаюсь использовать это так

<Styled.custom>
  <component/>
</Styled.cusotm>

Но я не могу его использовать.