fix(sources)!: provide sources as object

Author: ineshbose

src/import-css.ts

@@ -12,22 +12,22 @@ const getDefaults = (nuxtConfig: NuxtConfig & { srcDir: string }) => [
 ].map(defaultPath => join(nuxtConfig.srcDir, nuxtConfig.dir?.assets || 'assets', defaultPath))
 
 export default async function importCSS(nuxt = useNuxt()) {
-  const sources = nuxt.options._layers.map(layer => JSON.stringify(layer.config.srcDir || layer.cwd))
+  const sources = nuxt.options._layers.map(layer => ({ type: 'path', source: layer.config.srcDir || layer.cwd }))
 
   // Add variables from Nuxt config that need parsing
   const sourceConfigs = [
     nuxt.options.app?.head?.htmlAttrs?.class,
     nuxt.options.app?.head?.bodyAttrs?.class,
   ]
   sourceConfigs.forEach((value) => {
-    if (value) sources.push(`inline(${JSON.stringify(value)})`)
+    if (value && typeof value === 'string') sources.push({ type: 'inline', source: value })
   })
 
   await nuxt.callHook('tailwindcss:sources:extend', sources)
 
   const sourcesTemplate = addTemplate({
     filename: 'tailwindcss/sources.css',
-    getContents: () => sources.map(source => `@source ${source};`).join('\n'),
+    getContents: () => sources.map(s => `@source ${s.type === 'path' ? JSON.stringify(s.source) : `${s.type}(${s.source})`};`).join('\n'),
     write: true,
   })
 

src/module.ts

@@ -36,7 +36,7 @@ export interface ModuleHooks {
   /**
    * Allows extending sources for Tailwind CSS.
    */
-  'tailwindcss:sources:extend': (sources: string[]) => void
+  'tailwindcss:sources:extend': (sources: Array<{ type: string, source: string }>) => void
 }
 
 declare module '@nuxt/schema' {