test(css/minifier): Add tests for layer (#6221)

crates/swc_css_minifier/tests/fixture/compress-at-rule/layer/input.css

@@ -0,0 +1,68 @@
+@layer default, theme, components;
+@layer foo.bar;
+@layer foo.bar, baz;
+
+@layer framework {
+    @layer layout {
+        @layer base {
+        }
+    }
+}
+@layer a{
+    @layer b {
+        div {color: yellow; margin: 0px;}
+    }
+}
+
+@layer framework {
+    @layer base {
+        p { margin-block: 0.75em; }
+    }
+
+    @layer theme {
+        p { color: #222; }
+    }
+}
+
+@layer framework.theme {
+    /* These styles will be added to the theme layer inside the framework layer */
+    blockquote { color: rebeccapurple; }
+}
+
+@layer {
+    @layer foo {
+        color: red;
+    }
+    @layer foo {
+        color: red;
+    }
+}
+
+@layer {
+    @layer foo { color: red; }
+}
+@layer {
+    @layer foo { color: red; }
+}
+
+@layer framework {
+    h1, h2 { color: maroon; background: white;}
+
+    @media (prefers-color-scheme: dark) {
+        h1, h2 { color: red; background: black; }
+    }
+}
+
+@layer foo {
+    .foo {
+        color: red;
+    }
+}
+@layer foo {
+    .foo {
+        background: #fff;
+    }
+    .baz {
+        color: #fff;
+    }
+}

crates/swc_css_minifier/tests/fixture/compress-at-rule/layer/output.min.css

@@ -0,0 +1 @@
+@layer default,theme,components;@layer foo.bar;@layer foo.bar,baz;@layer framework{}@layer a{@layer b{div{color:yellow;margin:0}}}@layer framework{@layer base{p{margin-block:.75em}}@layer theme{p{color:#222}}}@layer framework.theme{blockquote{color:rebeccapurple}}@layer{@layer foo{color: red;}@layer foo{color: red;}}@layer{@layer foo{color: red;}}@layer{@layer foo{color: red;}}@layer framework{h1,h2{color:maroon;background:white}@media(prefers-color-scheme:dark){h1,h2{color:red;background:black}}}@layer foo{.foo{color:red}}@layer foo{.foo{background:#fff}.baz{color:#fff}}