Single style tag instead of multiple style tags

[danielkochengineer]

Hello all,

I really like theme-ui and I am using it for a few months now. My current setup is theme-ui with GatsbyJs.

excerpt of package.json

    "theme-ui": "^0.16.0"
    "gatsby": "^5.11.0",
    "gatsby-plugin-theme-ui": "^0.16.0",

When creating the build I get a lot of <style> tags inside the head which seems to be fine in development. In production I would like to have a single <style> tag or something similiar, but not 210 which I currently have on my website.

I saw a discussion on emotion (emotion-js/emotion#1370), but couldn't find out how to apply this using theme-ui and Gatsby. This is also similiar to a discussion in MUI (mui/material-ui#30892).

Can anyone help me?