Tailwind v4 support

[btorellALTA]

Tailwind v4 was released 2 weeks ago: https://tailwindcss.com/blog/tailwindcss-v4

Following the instructions in this readme give me the following errors:

$ npx elm-tailwind-modules --dir ./Tailwind
/home/btorell/code/Portal-Site/node_modules/tailwindcss/dist/lib.js:33
${u}`)}),!c&&!(R&2)?(c=U(":root, :host",v.nodes),S([c])):S([]),1}}});let b=tr(l);s&&(b.important=s),i|=await jr({designSystem:b,base:r,ast:t,loadModule:n,globs:h});for(let v of f)v(b);for(let v of d)v(b);if(c){let v=[];for(let[S,V]of l.entries())V.options&2||v.push(a(ge(S),V.value));let x=l.getKeyframes();if(x.length>0){let S=[...l.namespace("--animate").values()].flatMap(V=>V.split(" "));for(let V of x){let R=V.params;S.includes(R)&&v.push(j([V]))}}c.nodes=v}if(p){let v=p;v.kind="context",v.context={}}if(m.length>0){for(let v of m){let x=U("&",v.nodes),S=v.params,V=b.parseVariant(S);if(V===null)throw new Error(`Cannot use \`@variant\` with unknown variant: ${S}`);if(me(x,V,b.variants)===null)throw new Error(`Cannot use \`@variant\` with variant: ${S}`);Object.assign(v,x)}i|=32}return i|=de(t,b),i|=Ce(t,b),D(t,(v,{replaceWith:x})=>{if(v.kind==="at-rule")return v.name==="@utility"&&x([]),1}),{designSystem:b,ast:t,globs:h,root:y,utilitiesNode:p,features:i}}async function Fr(t,r={}){let{designSystem:n,ast:e,globs:i,root:s,utilitiesNode:l,features:f}=await Ur(t,r);e.unshift(Ke(`! tailwindcss v${bt} | MIT License | https://tailwindcss.com `));function d(h){n.invalidCandidates.add(h)}let c=new Set,p=null,m=0;return{globs:i,root:s,features:f,build(h){if(f===0)return t;if(!l)return p??=oe(e),p;let y=!1,b=c.size;for(let x of h)n.invalidCandidates.has(x)||(c.add(x),y||=c.size!==b);if(!y)return p??=oe(e),p;let v=ee(c,n,{onInvalidCandidate:d}).astNodes;return m===v.length?(p??=oe(e),p):(m=v.length,l.nodes=v,p=oe(e),p)}}}async function vi(t,r={}){let n=ne(t),e=await Fr(n,r),i=n,s=t;return{...e,build(l){let f=e.build(l);return f===i||(s=G(f),i=f),s}}}async function yi(t,r={}){return(await Ur(ne(t),r)).designSystem}function Te(){throw new Error("It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.")}for(let t in Ye)t!=="default"&&(Te[t]=Ye[t]);module.exports=Te;









Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.
    at Object.Te [as default] (/home/btorell/code/Portal-Site/node_modules/tailwindcss/dist/lib.js:33:1751)
    at run (/home/btorell/code/Portal-Site/node_modules/elm-tailwind-modules/dist/cli.js:27140:40)
    at /home/btorell/code/Portal-Site/node_modules/elm-tailwind-modules/dist/cli.js:29447:5
    at Object.<anonymous> (/home/btorell/code/Portal-Site/node_modules/elm-tailwind-modules/dist/cli.js:29455:2)
    at Module._compile (node:internal/modules/cjs/loader:1376:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
    at Module.load (node:internal/modules/cjs/loader:1207:32)
    at Module._load (node:internal/modules/cjs/loader:1023:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:135:12)
    at node:internal/main/run_main_module:28:49

Node.js v20.11.1

[matheus23]

Hey, thanks for letting us know.
Personally, I'm not using elm-tailwind-modules in a project at the moment, and it's hard to find time for this work. I'm saying this to manage expectations 😅
If someone else can jump into this and figure it out, I'd be delighted to help review & support.

[btorellALTA]

Fair enough, I understand and sort of assumed as much. But I figured it would be responsible to report it, as I didn't see an issue for it yet!

[matheus23]

Totally is! :)