add layer comment

mui · Dec 10, 2024 · 59b9f14 · 59b9f14
1 parent 454a4c0
commit 59b9f14
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/mui-system/src/createStyled/createStyled.js b/packages/mui-system/src/createStyled/createStyled.js
@@ -173,7 +173,7 @@ export default function createStyled(input = {}) {
     };
 
     const muiStyledResolver = (...expressionsInput) => {
-      const expressionsHead = [];
+      const expressionsHead = ['/*@layer components*/'];
       const expressionsBody = expressionsInput.map(transformStyle);
       const expressionsTail = [];
 
@@ -202,6 +202,7 @@ export default function createStyled(input = {}) {
       }
 
       if (componentName && !skipVariantsResolver) {
+        expressionsTail.push('/*@layer theme*/');
         expressionsTail.push(function styleThemeVariants(props) {
           const theme = props.theme;
           const themeVariants = theme?.components?.[componentName]?.variants;
@@ -213,6 +214,7 @@ export default function createStyled(input = {}) {
       }
 
       if (!skipSx) {
+        expressionsTail.push('/*@layer sx*/');
         expressionsTail.push(styleFunctionSx);
       }