@teacss/postcss

PostCSS 8 integration for TeaCSS.

npm install teacss
npm install --save-dev @teacss/postcss postcss

import { pluginTeacss } from "@teacss/postcss";

export default { plugins: [pluginTeacss()] };

Runners that serialize configuration to workers, including Next.js, should use the package-name form:

export default {
  plugins: {
    "@teacss/postcss": {},
  },
};

@preset "standard";
@source "./src/**/*.{ts,tsx,html}";
@teacss;

@teacss; selects the insertion point. Each generated layer is emitted at most once even when the stylesheet has multiple insertion directives. The plugin resolves TeaCSS directives and theme(...), reports file and stable directory dependencies, and resolves relative @source globs from the CSS entry.

The surrounding PostCSS runner owns watching and rebuilds. Do not add this plugin when another TeaCSS build adapter already owns generation.

Pre-1.0. Install one compatible PostCSS 8 host.