Re. Modal transparency in nuxt works fine in tailwind playground

[DenjixPochita]

Hi, I am bit confused is it Nuxtjs bug or Daisy UI because it works fine in tailwind playground.

Code:

<template>
  <div>
    <div class="hero bg-base-200 min-h-screen">
      <div class="hero-content text-center">
        <div class="max-w-md">
          <h1 class="text-5xl font-bold">Test</h1>
          <p class="py-6">Hello</p>
          <!-- Open the modal using ID.showModal() method -->
          <button class="btn" onclick="test.showModal()">Click</button>
        </div>
      </div>
    </div>
    <dialog id="test" class="modal modal-bottom sm:modal-middle bg-base-400">
      <div class="modal-box">
        <h3 class="text-lg font-bold">Select</h3>
        <p class="py-4">Press ESC key or click the button below to close</p>
        <div class="modal-action">
          <form method="dialog">
            <!-- if there is a button in form, it will close the modal -->
            <button class="btn">Done</button>
          </form>
        </div>
      </div>
    </dialog>
  </div>
</template>

Url: https://stackblitz.com/edit/nuxt-starter-yzb4hs?file=app.vue

Thanks!