Currently, all active CSS snippets are concatenated and included in one
<style> tag. If the user uses a custom theme, the theme’s stylesheet is also included in the same tag, before the CSS snippets.
This is a problem because
@import rules must precede all other types (except for
@charset). For example, if a CSS snippet includes a
@import rule for a Google Font, the rule will be ignored if another rule comes before.
My suggested solution is to map the custom theme stylesheet and each CSS snippets to separate
<style> tags. This is already done for plugin stylesheets, so the change would be consistent with that approach. Thank you!