bug: Menu anchor (link) hover custom style not working

[Kens-Jaswal]

What version of daisyUI are you using?

No response

Describe your issue

Migrated to Daisy: v3.0.1

<ul class="menu bg-base-200 w-56 rounded-box">
  <li><a class="text-red-200 hover:text-red-800 hover:bg-yellow-100">Item 1</a></li>
  <li>
    <details open>
      <summary>Parent</summary>
      <ul>
        <li><a class="text-red-200 hover:text-red-800 hover:bg-yellow-100">level 2 item 1</a></li>
        <li><a class="text-red-200 hover:text-red-800 hover:bg-yellow-100">level 2 item 2</a></li>
        <li>
          <details open>
            <summary>Parent</summary>
            <ul>
              <li><a class="text-red-200 hover:text-red-800 hover:bg-yellow-100">level 3 item 1</a></li>
              <li><a class="text-red-200 hover:text-red-800 hover:bg-yellow-100">level 3 item 2</a></li>
            </ul>
          </details>
        </li>
      </ul>
    </details>
  </li>
  <li><a class="text-red-200 hover:text-red-800 hover:bg-yellow-100">Item 3</a></li>
</ul>

why custom effects are not working on tag, I wants to change the text color and bg-color while hovering, its not working after migrate to latest version.

please help

What browsers are you seeing the problem on?

All browsers

Reproduction URL (optional)

No response