[V4] When using Deno and postcss it produces 22KB of unrelated css.

[tmikaeld]

The same works in Tailwind V3, but here it produces 22KB of unrelated styles.

import postcss from "npm:postcss";
import tailwindcss from "npm:@tailwindcss/postcss@next";

const tailwindBaseConfig = {
  content: [{ raw: '<div class="text-red-500"></div>', extension: "html" }],
  corePlugins: { preflight: false },
};

async function generateCSS(tailwindConfig) {
  try {
    const tailwindDirectives = `
      @tailwind components;
      @tailwind utilities;
    `;
    
    console.log('Config:', JSON.stringify(tailwindConfig, null, 2));
    console.log('Directives:', tailwindDirectives);

    const result = await postcss([tailwindcss(tailwindConfig)])
      .process(tailwindDirectives, { from: undefined });
    return result.css;
  } catch (error) {
    console.error("Error generating CSS:", error);
    throw error;
  }
}

console.log('Starting CSS generation...');
const css = await generateCSS(tailwindBaseConfig);
console.log('\nFinal CSS Size:', Math.round(css.length/1000)+' KB');

[philipp-spiess]

@tmikaeld Hey! It's hard to help here without a full reproduction but one thing you can check is what are the folders inside your current working dir (if nothing is configured in your CSS otherwise, we will do automatic content detection based on your current working dir).

You can customize this behavior with this API: https://tailwindcss.com/docs/v4-beta#adding-content-sources

[tmikaeld]

So will programmatic support be dropped altogether or just added later?

We just got 3.x working and really don't want to create a fork for our use case.

[tmikaeld]

When using source(none) as suggested.
https://github.com/tmikaeld/tw4/actions/runs/11971285724/job/33375777839

[philipp-spiess]

We'll look into it for sure. For now, is it possible you write the class names to a .txt file in a tmp directory and then point the source detection to this .txt file instead?

[tmikaeld]

We'll stay on V3.x until we can use it programmatically. Thanks for the quick replies and good luck with the V4 launch!

[laktek]

@philipp-spiess curious if there are any updates regarding the programmatically setting content? I'm building a static site generator with built-in Tailwind support. Not having the content option has been a blocker to upgrade from v3 to v4.