TailwindCSS v4: Support configuring in CSS

[svelterust]

Hey, it would be nice to support using this package with just the CSS config file introduced in TailwindCSS v4. It seems the developers of the Iconify package have something working: iconify/iconify-tailwind#1

There's an example of creating plugin with options from daisyUI here: https://github.com/saadeghi/daisyui/blob/v5/packages/daisyui/index.js

Would be cool to support something like this:

@plugin "@egoist/tailwindcss-icons" {
    collections: "mdi", "lucide";
}

Then collections can be passed in the plugin to getIconCollections I suppose.

[boussadjra]

Right now I'm using the legacy config to just configure the icons plugin:

@config "../../tailwind.config.js";

Then in tailwind.config.js

const { iconsPlugin, getIconCollections } = require('@egoist/tailwindcss-icons')

/** @type {import('tailwindcss').Config} */
module.exports = {
  plugins: [
    require('tailwindcss-animate'),
    iconsPlugin({
      prefix: 'i',
      scale: 1.5,
      collections: {
        ...getIconCollections(['mdi', 'flag', 'flagpack', 'ph']),
      },
    }),
  ],
}

[github-actions]

🎉 This issue has been resolved in version 1.9.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[Gerbuuun]

So, how exactly do I specify the collections to use with CSS config?

I tried

@plugin '@egoist/tailwindcss-icons' {
  collections: 'simple-icons', 'lucide';
}

but it doesn't work.

There is no example for it or any note that it isn't supported. What is the situation?