How should IntelliSense be configured correctly in a monorepo setup?

[rozsazoltan]

Does the IntelliSense configFile property only accept CSS files that contain a valid TailwindCSS import (either the short or long form)? Or can it also interpret the file contents without such an import?

Let's say we have a monorepo with an app and a package.

• The app is straightforward - it has a proper TailwindCSS installation and works perfectly.
• The package, however, does not include TailwindCSS itself, since it's the app's responsibility to provide it. Therefore, its style.css file does not contain any TailwindCSS imports.

In that case, is it correct to configure IntelliSense like this (to point to the package's CSS file)?

{
  "tailwindCSS.experimental.configFile": {
    "packages/ui/src/style.css": "packages/ui/src/**", // I'm not convinced that this line works without @import "tailwindcss"; - I'll test it later, since it would be logical for it to work without it in the case of a UI package
    "apps/next-playground/app/globals.css": "apps/next-playground/app/src/**", // Its okay
  }
}

Also, am I right in assuming that IntelliSense parses all imported sub-files to gather configuration information? (In our case, would it also take into account the style.css file that is imported into the app's globals.css?)

apps/next-playground/app/globals.css

@import "tailwindcss";
@import "./../../../packages/ui/src/style.css";

/* It's better to place the sources related to the UI package inside the UI package itself - see below (where can found UI package JSX, TSX, etc.) */
/*
@source "./../../../packages/ui/src/components";
*/

/* App configuration */
@theme {
  --color-primary: #111; /* will be override primary color from ui package */
}

packages/ui/src/style.css

/* It should simply be assumed that the UI package will be installed correctly alongside TailwindCSS; don't need @import "tailwindcss"; */

/* You can declare @source here as well - in fact, it's better to do it here, since you don't need long and complicated relative paths */
@source "./components"; /* where can found UI package JSX, TSX, etc. */

/* Package configuration */
@theme {
  --color-primary: #333; /* default primary color */
}

Am I thinking about something incorrectly?

Related:

• https://discord.com/channels/486935104384532500/1436255793623339110