Migrate static plugins with options to CSS

[philipp-spiess]

This PR extends our JS configuration to CSS migration by also allowing plugins with options.

An example of such config would be:

import { type Config } from 'tailwindcss'
import myPlugin from "./myPlugin";

export default {
  plugins: [
    myPlugin({
      class: "tw",
    }),
  ],
} satisfies Config;

If the option object contains only values allowed in our CSS API, we can convert this to CSS entirely:

@plugin './myPlugin' {
  class: 'tw';
}

[philipp-spiess]

• Migrate static plugins with options to CSS #14700 👈
• Include simple config objects when extracting static plugins #14699
• next

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @philipp-spiess and the rest of your teammates on Graphite

[philipp-spiess]

I noticed that we inconsistently used single quotes for the @plugin and @config directives but double-quotes for CSS values so this is just a consistency change.

[philipp-spiess]

Merge activity

• Oct 18, 9:10 AM EDT: A user started a stack merge that includes this pull request via Graphite.
• Oct 18, 9:12 AM EDT: Graphite rebased this pull request as part of a merge.
• Oct 18, 9:16 AM EDT: A user merged this pull request with Graphite.