bug: Fallback colors don't use opacity like oklch

[kriskratz]

What version of daisyUI are you using?

4.4.23

Which browsers are you seeing the problem on?

All old browsers

Reproduction URL

https://arobotcandream.com/wordpress-change-favicon-site-logo-with-full-site-editor-fse-theme/

Describe your issue

Fallback colors can't use opacity the way they are set, so they don't display correctly in older browsers. And the fallback color for code blocks (--fallback-bc) doesn't seem to work at all in Safari v12.5 on my old iPhone 6.

Here is an example from the generated CSS. Browsers using fallback colors will see a nearly black background for code blocks, and modern browsers will see that color at 10% opacity. In this case its defined, --fallback-bc: #1f2937

.prose :where(code):not(:where([class~="not-prose"] *)){
  padding: 1px 8px;
  border-radius: var(--rounded-badge);
  background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
  font-weight: initial;
}

This is what it looks like with the Light theme

Would separating the fallback background onto another line work instead? And fallback colors can be defined in rgb instead --fallback-bc: 88, 0, 5;

.prose :where(code):not(:where([class~="not-prose"] *)){
  padding: 1px 8px;
  border-radius: var(--rounded-badge);
  background-color: rgb(var(--falback-bc), 0.1);
  background-color: oklch(var(--bc)/0.1);
  font-weight: initial;
}

This is what I expect:

[github-actions]

Thank you @kriskratz for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.