bug: bg-opacity styling inherited in the child button in v4

[Metehan-Altuntekin]

What version of daisyUI are you using?

v4.4.2

Which browsers are you seeing the problem on?

all

Reproduction URL

https://github.com/cozemble/monorepo/blob/main/frontend/tojson/src/routes/(landing)/pricing/Plan.svelte

Describe your issue

I am migrating a project made with DaisyUI v3 to v4. I have found a minor problem that can be easily fixed.

When there is a button inside a container with bg-opacity-*, that bg opacity class is inherited to the button.

<div class="bg-opacity-20">
  <button class="btn btn-neutral">Test</button>
</div>

renders like:

Can be prevented by doing this:

<div class="bg-opacity-20">
  <button class="btn btn-neutral bg-opacity-100">Test</button>
</div>

renders: