Fix hoisting of empty @layer statements that follow layer blocks

lib/parse-statements.js

@@ -24,7 +24,9 @@ module.exports = function parseStatements(result, styles, conditions, from) {
         !node.nodes
       )
         stmt = parseLayer(result, node, conditions, from)
-    } else if (node.type !== "comment") {
+    }
+
+    if (!stmt && node.type !== "comment") {
       encounteredNonImportNodes = true
     }
 

test/fixtures/imports/layer-empty-after-content-pkg.css

@@ -0,0 +1,21 @@
+@layer base {
+  html {
+    box-sizing: border-box;
+  }
+}
+@layer layout {
+  .container {
+    display: flex;
+  }
+}
+@layer components {
+  .btn {
+    padding: 8px;
+  }
+}
+@layer utils {
+  .hidden {
+    display: none;
+  }
+}
+@layer overrides;

test/fixtures/layer-empty-after-content.css

@@ -0,0 +1,6 @@
+@import url("layer-empty-after-content-pkg.css");
+@layer overrides {
+  body {
+    background-color: #e5e5e5;
+  }
+}

test/fixtures/layer-empty-after-content.expected.css

@@ -0,0 +1,26 @@
+@layer base {
+  html {
+    box-sizing: border-box;
+  }
+}
+@layer layout {
+  .container {
+    display: flex;
+  }
+}
+@layer components {
+  .btn {
+    padding: 8px;
+  }
+}
+@layer utils {
+  .hidden {
+    display: none;
+  }
+}
+@layer overrides;
+@layer overrides {
+  body {
+    background-color: #e5e5e5;
+  }
+}

test/layer.js

@@ -57,3 +57,9 @@ test(
   checkFixture,
   "layer-statement-with-conditions",
 )
+
+test(
+  "should preserve the order of layer statements that follow layer blocks",
+  checkFixture,
+  "layer-empty-after-content",
+)