Environment information

playground

Description

The CSS parser does not support the prefix() syntax when used with @import statements in Tailwind CSS v4.

Related to #7854

Examples

@import "tailwindcss/theme.css" layer(theme) prefix(tw);
@import "tailwindcss/utilities.css" prefix(tw) layer(utilities);

Questions to address

• Does the order of layer and prefix matter?
• How does it interact with supports()?

References

• Tailwind CSS documentation: https://tailwindcss.com/docs/preflight#disabling-preflight
• CSS Cascade spec: https://drafts.csswg.org/css-cascade/#at-import
• Original issue: 🐛 CSS parser with tailwindDirectives does not parse @source inline(); #7854
• Comment requesting this issue: 🐛 CSS parser with tailwindDirectives does not parse @source inline(); #7854 (comment)