tailwind class content does not render in nested Lerna packages

Hey, I need some help to improve my design-system project. so I added Lerna for management multi-app in nuxt also use @nuxtjs/tailwindcss. in Lerna config and nuxt config everything is ok but when use tailwind CSS for my component design class content doesn’t know tailwind although tailwind CSS works fine.

"@nuxtjs/tailwindcss": "^4.2.1" see my directory

see my loaded component

and the result

in the last image, you can see doesn’t load class tailwind.

thank you for your time.

[davodaslanifakor]

I found the solution for this version of tailwind set purge content like this

purge:{
    content: [
      "../../node_modules/@xxx-front/design-system/**/*.{js,vue,ts}"
   ]
}

and tailwind in nuxt.config add

  tailwindcss: {
    jit: true,
    cssPath: '../config/tailwind/tailwind.scss',
    configPath: './tailwind.config.js',
  },

tailwind.scss content

@tailwind base;
@tailwind components;
@tailwind utilities;

I find this option in content version +3 tailinwd.css and move into nuxt/tailwind by purge content. In fact, tailwind need this patch to find and watch code in content for compile

[soroushJuly]

I’ve the same problem. Tailwind classes won’t work in my external components which I’ve imported to my project folders.