[v4] Importing css raw data into Astro project, using Tailwind and LightningCSS

[djmtype]

Astro allows you to import a css file as raw data. https://docs.astro.build/en/guides/styling/#raw-css-imports

For whatever reason, my project fails to build when I use the Tailwind v4 Vite integration along side LightningCSS. If I remove Tailwind v4, I have no issues at all and can use LightningCSS while importing my css as raw data.

I can also use Tailwind v4 and import raw css data into an Astro page using PostCSS instead of LightningCSS.

So, I'm unsure where the problem lays.

The error:

12:22:50 [ERROR] [vite] x Build failed in 581ms
src/content/docs/settings.mdx (33:7): "default" is not exported by "node_modules/sol-css/src/settings.css", imported by "src/content/docs/settings.mdx".
file: /Volumes/Evo/Sites/sol-css-docs/src/content/docs/settings.mdx:33:7
  Stack trace:
    at getRollupError (file:///Volumes/Evo/Sites/sol-css-docs/node_modules/rollup/dist/es/shared/parseAst.js:392:41)
    at Module.error (file:///Volumes/Evo/Sites/sol-css-docs/node_modules/rollup/dist/es/shared/node-entry.js:13971:16)
    at ModuleScope.findVariable (file:///Volumes/Evo/Sites/sol-css-docs/node_modules/rollup/dist/es/shared/node-entry.js:12125:39)
    at FunctionBodyScope.findVariable (file:///Volumes/Evo/Sites/sol-css-docs/node_modules/rollup/dist/es/shared/node-entry.js:7470:38)
    at Property.bind (file:///Volumes/Evo/Sites/sol-css-docs/node_modules/rollup/dist/es/shared/node-entry.js:4808:23)

Astro config:

import { defineConfig } from 'astro/config';
import { SITE } from "./src/config";
import tailwindcss from '@tailwindcss/vite'

export default defineConfig({
  site: SITE.url,
  compressHTML: false,
  vite: {
    plugins: [tailwindcss()],
    css: {
      transformer: "lightningcss",
    },
    build: {
      cssMinify: "lightningcss",
    },
  }
});

[philipp-spiess]

@djmtype Hey! This is an issue in our Vite plugin right now unfortunately, we have it tracked here: #14558. We'll look into it, sorry for the troubles!