Cannot make a table with DaisyUI on svelte

[yajatvishwak]

App.svelte

tailwind.config.js

[saadeghi]

Can you share a sample repo so I can reproduce the issue?

[yajatvishwak]

Node : v16.13.0

Find the repo here:
https://github.com/yajatvishwak/daisyui-table-error.git

[saadeghi]

This issue must be fixed from Svelte.
When we use <style global>, svelte tries to handle styles with :global() but it doesn't process :where() correctly.
table :where(th, td) is a valid CSS selector that I used in daisyUI but Svelte changes it to :global(.table) :global(:where(th), :global(td)) which is wrong.

Current workarounds:

1. You can use this on your main layout (without global)

<style lang="postcss">
  @tailwind base;
  @tailwind components;
  @tailwind utilities;
</style>

2. Or you can import one postCSS file instead of use <style> tag:
   https://stackblitz.com/edit/daisyui-svelte-vite?file=src%2Fmain.js