Using tailwind config from publishable nx angular library in another repo

[OmarSalama7]

I have a publishable nx angular library that is using tailwind. I would like to reuse the tailwind.config.js into an app in another repo. I checked this documentation here on how to integrate it, however it doesn't fit my needs as I need the settings from tailwind.config.js in the app's tailwind.config.js https://nx.dev/recipes/angular/using-tailwind-css-with-angular-projects#distribute-publishable-libraries-themes

I managed to make it work by doing the following:

1. adding tailwind config path in the exports property in the package.json in the library.

in ui/package.json
...

"exports": {
    "./tailwind.config": "./tailwind.config.js"
  } 

and then importing it in the app:

const { createGlobPatternsForDependencies } = require('@nx/angular/tailwind');
const { join } = require('path');
const uiTailwindConfig = require('@my-org/ui/tailwind.config');

/** @type {import('tailwindcss').Config} */
module.exports = {
  presets: [uiTailwindConfig],
  content: [
    join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'),
    ...createGlobPatternsForDependencies(__dirname)
  ],
  plugins: []
};

I am getting a warning though whenever I serve or build the app:

WARNING: There was an error creating glob patterns, returning an empty array
createGlobPatternsForDependencies: Error when trying to determine main project.
createGlobPatternsForDependencies: Could not find any project containing the file "node_modules/@my-org/ui" among it's project files

Is there a way to make it work by sharing the tailwind config?