ThemeProvider not providing theme to createGlobalStyles

[stephenkoo]

🐛 Bug Report

createGlobalStyle components are unable to use themes.

To Reproduce

import { ThemeProvider, createGlobalStyle } from '@xstyled/styled-components';

const theme = {
  colors: {
    background: '#000',
  }
}

const GlobalStyle = createGlobalStyle`
  body {
    background-color: background; // Does not work, generates CSS: `background-color: background` instead of #000
  }
`
<ThemeProvider theme={theme}>
  <>
    <GlobalStyle />
    <App />
  </>
</ThemeProvider>

[gregberge]

It works great, I use it in projects. Could you please reopen a new issue with a repro example on CodeSandbox please?

[kmvan]

background-color: ${({theme}) => theme.color.background}