Tailwind styling not working in turborepo

[cell0901]

installed tailwind inside v4.1 using this guide https://tailwindcss.com/docs/installation/framework-guides/nextjs
inside my next apps(apps/my-app). while using styling directly inside the page.tsx or any page it works

but when defining components inside the ui/src folder and importing them inside the apps the styling doesnt works. the text shows however the styling inside the divs and everything nothing shows.
.

[wongjn]

Try explicitly registering the components as sources. Otherwise, consider providing a git repo that reproduces the unexpected behavior.

[cell0901]

sorry i havent added this since i have removed this version and installed v3.4
also i added this to my ui folder in packages so this might be the issue. i also tried with tailwindv4.1 but it didnt worked
installing tailwind 4.1 with guide for next js doesnt include tailwind.config.js just the postcss.config.mjs

module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    '../../packages/ui/src/**/*.{js,ts,jsx,tsx,mdx}', /////////////// ------ this line
    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}