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!