Tweak CSS printing

How this prints will be dependent on Tailwind CSS version. Since we don’t know what version that is yet we’ll set up a simple toggle that we can flip after (eventually) threading version information through.

Author: thecrypticace

packages/tailwindcss-language-service/src/css/to-css.ts

@@ -3,6 +3,7 @@ import { Source } from './source'
 
 export function toCss(ast: AstNode[], track?: boolean): string {
   let pos = 0
+  let supportsBodylessAtRules = false
 
   let source: Source = {
     file: null,
@@ -84,14 +85,18 @@ export function toCss(ast: AstNode[], track?: boolean): string {
 
     // AtRule
     else if (node.kind === 'at-rule') {
+      let isBodyless = supportsBodylessAtRules
+        ? !node.nodes
+        : !node.nodes || node.nodes.length === 0
+
       // Print at-rules without nodes with a `;` instead of an empty block.
       //
       // E.g.:
       //
       // ```css
       // @layer base, components, utilities;
       // ```
-      if (!node.nodes) {
+      if (isBodyless) {
         let css = `${indent}${node.name} ${node.params};\n`
 
         if (track) {