title: A css comment vanish if I comment out this line, why?
body: <p>I created a new SvelteKit app (with command from <a href="https://kit.svelte.dev/docs#introduction-getting-started" rel="nofollow noreferrer">https://kit.svelte.dev/docs#introduction-getting-started</a>):</p>
  <p><code>npm init --yes svelte@next my-app</code></p>
  <p>Here the repo: <a href="https://github.com/frederikhors/iss-svelte-kit-tailwind-comments" rel="nofollow noreferrer">https://github.com/frederikhors/iss-svelte-kit-tailwind-comments</a></p>
  <p>I added Tailwind in this commit: <a href="https://github.com/frederikhors/iss-svelte-kit-tailwind-comments/commit/84906710c497d57c8394430a482049605c2c390f" rel="nofollow noreferrer">https://github.com/frederikhors/iss-svelte-kit-tailwind-comments/commit/84906710c497d57c8394430a482049605c2c390f</a>.</p>
  <p>If you run the project with <code>npm run dev</code> (after <code>npm install</code> of course) it works (Tailwind works, there is a <code>bg-red-500</code> in <code>__layout.svelte</code>).</p>
  <p>What doesn't work is this crazy thing:</p>
  <p>If you build with</p>
  <p><code>rm -rf ./node_modules/.vite/ &amp;&amp; rm -rf build &amp;&amp; npm run build</code></p>
  <p>and open the css in <code>build/_app/assets/pages/__layout.svelte-[NUMBERS].css</code> you can search for &quot;<code>I_need_this_comment</code>&quot; (which is a comment in <code>src/app.css</code>) and you can find it in the final css bundle.</p>
  <p>Now if you comment out the first line in <code>src/app.css</code> enabling <code>@tailwind base;</code> and build again with the same command the comment is lost!!!</p>
  <p>This drove me crazy!</p>
  <p>Can you please help me understand what is going on?</p>
  <p>Thanks!</p>