chore: narrow tailwind source scope in docs and playgrounds (#6843)

Author: benjamincanac

docs/app/assets/css/main.css

@@ -1,6 +1,11 @@
-@import "tailwindcss" theme(static) source("../../../..");
+@import "tailwindcss" theme(static) source(none);
 @import "@nuxt/ui";
 
+/* Scoped to what the docs render: the site and the library source, which `--uiDev`
+   resolves components and theme from. A repo-root source also put `test`,
+   `playgrounds` and `skills` on the CSS watcher. */
+@source "../../..";
+@source "../../../../src";
 @source "../../../content/**/*";
 
 @theme static {

playgrounds/nuxt/app/assets/css/main.css

@@ -1,6 +1,12 @@
-@import "tailwindcss" theme(static) source("../../../../..");
+@import "tailwindcss" theme(static) source(none);
 @import "@nuxt/ui";
 
+/* Scoped to this playground and the library source, which `--uiDev` resolves
+   components and theme from. A repo-root source also put `docs` and `test` on
+   the CSS watcher. */
+@source "../../..";
+@source "../../../../../src";
+
 @theme static {
   --font-sans: 'Public Sans', sans-serif;
 

playgrounds/vue/src/assets/css/main.css

@@ -1,6 +1,13 @@
-@import "tailwindcss" theme(static) source("../../../../..");
+@import "tailwindcss" theme(static) source(none);
 @import "@nuxt/ui";
 
+/* Scoped to this playground, the Nuxt playground's `app` that `vite.config.ts`
+   borrows components and composables from, and the library source, which
+   `--uiDev` resolves components and theme from. */
+@source "../../..";
+@source "../../../../nuxt/app";
+@source "../../../../../src";
+
 @theme static {
   --font-sans: 'Public Sans', sans-serif;