update callsite of compile() function

Author: RobinMalfait

packages/@tailwindcss-cli/src/commands/build/index.ts

@@ -100,7 +100,8 @@ export async function handle(args: Result<ReturnType<typeof options>>) {
   )
 
   // Compile the input
-  let result = compile(input, candidates).css
+  let { build } = compile(input)
+  let result = build(candidates)
 
   // Optimize the output
   if (args['--minify'] || args['--optimize']) {
@@ -193,7 +194,7 @@ export async function handle(args: Result<ReturnType<typeof options>>) {
         }
 
         // Compile the input
-        let result = compile(input, candidates).css
+        result = compile(input).build(candidates)
 
         // Optimize the output
         if (args['--minify'] || args['--optimize']) {

packages/@tailwindcss-postcss/src/index.ts

@@ -53,7 +53,7 @@ function tailwindcss(opts: PluginOptions = {}): AcceptedPlugin {
 
         // No `@tailwind` means we don't have to look for candidates
         if (!hasTailwind) {
-          replaceCss(compile(root.toString(), []).css)
+          replaceCss(compile(root.toString()).build([]))
           return
         }
 
@@ -83,7 +83,7 @@ function tailwindcss(opts: PluginOptions = {}): AcceptedPlugin {
           })
         }
 
-        replaceCss(compile(root.toString(), candidates).css)
+        replaceCss(compile(root.toString()).build(candidates))
       },
     ],
   }

packages/@tailwindcss-vite/src/index.ts

@@ -61,7 +61,7 @@ export default function tailwindcss(): Plugin[] {
   }
 
   function generateCss(css: string) {
-    return compile(css, Array.from(candidates)).css
+    return compile(css).build(Array.from(candidates))
   }
 
   function generateOptimizedCss(css: string) {

packages/tailwindcss/src/index.bench.ts

@@ -9,10 +9,7 @@ const css = String.raw
 bench('compile', async () => {
   let { candidates } = scanDir({ base: root, globs: true })
 
-  compile(
-    css`
-      @tailwind utilities;
-    `,
-    candidates,
-  )
+  compile(css`
+    @tailwind utilities;
+  `).build(candidates)
 })

packages/tailwindcss/src/test-utils/run.ts

@@ -1,9 +1,9 @@
 import { compile, optimizeCss } from '..'
 
 export function compileCss(css: string, candidates: string[] = []) {
-  return optimizeCss(compile(css, candidates).css).trim()
+  return optimizeCss(compile(css).build(candidates)).trim()
 }
 
 export function run(candidates: string[]) {
-  return optimizeCss(compile('@tailwind utilities;', candidates).css).trim()
+  return optimizeCss(compile('@tailwind utilities;').build(candidates)).trim()
 }

packages/tailwindcss/tests/ui.spec.ts

@@ -229,21 +229,18 @@ async function render(page: Page, content: string) {
   await page.setContent(content)
   await page.addStyleTag({
     content: optimizeCss(
-      compile(
-        css`
-          @layer theme, base, components, utilities;
-          @layer theme {
-            ${defaultTheme}
-          }
-          @layer base {
-            ${preflight}
-          }
-          @layer utilities {
-            @tailwind utilities;
-          }
-        `,
-        scanFiles([{ content, extension: 'html' }], IO.Sequential | Parsing.Sequential),
-      ).css,
+      compile(css`
+        @layer theme, base, components, utilities;
+        @layer theme {
+          ${defaultTheme}
+        }
+        @layer base {
+          ${preflight}
+        }
+        @layer utilities {
+          @tailwind utilities;
+        }
+      `).build(scanFiles([{ content, extension: 'html' }], IO.Sequential | Parsing.Sequential)),
     ),
   })