Angular Monorepo中为类库引入Tailwind CSS v4的问题求助

各位好，我目前在维护一个Angular monorepo项目，主应用main放在projects/main/目录下，还有一个叫qrcode的类库在projects/qrcode/目录里。主应用已经成功配置好了Tailwind CSS v4，用着完全没问题——我在项目根目录有.postcssrc.json配置文件，然后在主应用的styles.css里通过@import "tailwindcss"引入了Tailwind。

现在的问题出在qrcode类库上：我已经把类库的组件成功在主应用的路由里注册了，路由配置是这样的：

import { Routes } from '@angular/router';
import { Home } from './home/home';
import { Qrcode } from 'qrcode';

export const routes: Routes = [
  { path: '', component: Home, pathMatch: 'full' },
  { path: 'qrcode', component: Qrcode },
  { path: '**', redirectTo: '/404', pathMatch: 'full' },
];

访问/qrcode路径的时候，组件能正常渲染，类库自己的qrcode.css里的自定义样式也能生效，但是Tailwind的工具类完全不起作用。我已经在qrcode.css里加了Tailwind的引入：

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import "tailwindcss";

/* 其他自定义CSS代码 */

我实在搞不懂哪里出问题了，有没有大佬能指点下，在Angular monorepo结构里，应该怎么给类库正确配置并引入Tailwind CSS v4呢？

内容来源于stack exchange