How to change drawer-overlay bg-opacity to be fully transparent

[theaspirational]

How to change drawer-overlay bg-opacity to be fully transparent ie. make overlay not visible on drawer-content?

[saadeghi]

drawer-overlay only gets opacity value when checkbox is checked so we can have a good fade effect.
to change the background opacity value you can use this crazy class name:

<input id="my-drawer" type="checkbox" class="drawer-toggle [&:checked~.drawer-side>.drawer-overlay]:[--tw-bg-opacity:0]" />

https://play.tailwindcss.com/HveFnBMW82

Or you can change the CSS yourself:

.drawer-toggle:checked ~ .drawer-side > .drawer-overlay{
  --tw-bg-opacity: 0;
}

https://play.tailwindcss.com/BehenwI65b?file=css