Very slow HMR with React + Vite

[Etchelon]

Hello,
I'm working on a React app, setup with Vite + Turborepo, and in dev mode HMR is very slow: reloading the index.css file takes about 6s:

This is my tailwind.config.js:

const packagesWithUiComponents = ["feat-admin", "feat-aiftp", "feat-capacitor", "feat-rickandmorty"];

module.exports = {
	content: [
		"./index.html",
		"./src/**/*.{jsx,tsx}",
		...packagesWithUiComponents.map(pkg => `../../packages/${pkg}/**/*.{jsx,tsx}`),
	],
	theme: {
		extend: {},
	},
	plugins: [],
};

It's defined in the app's root folder, and I need to search all tsx files in feature packages, which by Turborepo's convention are located in /packages/....

Any ideas on what could be causing the slowlyness? My config:

node 18.12.0
Vite ^3.1.0
Tailwind ^3.2.0
PostCSS ^8.4.0
Autoprefixer ^10.4.0
React 18.2.0

Is there a way I can make the JIT write logs somehow to help me debug the issue?

EDIT: I want to add that if I don't search in ../../packages loading the CSS takes 200ms.
The project is pretty new, so I don't even have many files in those 4 feature packages (at least not tsx files, but there's a lot of .ts files but those are not matched by the glob), which makes me think that maybe searching outside of the root folder is slow?
Maybe in a monorepo I'm supposed to setup tailwind in each package root as well? I couldn't find any documentation about this though.

[Etchelon]

Problem solved: my glob pattern was not excluding each package's node_modules.
Changed from

...packagesWithUiComponents.map(pkg => `../../packages/${pkg}/**/*.{jsx,tsx}`),

to

...packagesWithUiComponents.map(pkg => `../../packages/${pkg}/src/**/*.{jsx,tsx}`),

and now hot reloading takes < 300ms.