when using prefix, theme tokens in globalCSS aren't prefixed

[flowen]

Bug report

Describe the bug

Added a prefix in the stitches config, but when using a design token in the globalCSS function it won't add it

To Reproduce

const { styled, getCssText, keyframes } = createStitches({
  prefix: 'st-', // temp untill we remove styled-comp
  theme: {
    fonts: {
      helvetica: "'Helvetica Neue', sans-serif",
    },
  ...
}})

const globalStyles = globalCss({
  '*': {
    boxSizing: 'border-box',
    fontFamily: '$helvetica',
  },
  ...
});

export { styled, globalStyles }

app.js:

export default function App({ Component, pageProps }) {
  globalStyles()

  return (
    <React.StrictMode>
         ...
    </React.StrictMode>
  )
}

browser:

[Léa Chaminadas]

I think it should be working if you export globalCss function from your createStitches intead of @stitches/react, just like you did with the styled function.

[flowen]

@Liombe TY! that was it indeed