BackdropFilter not working as expected

[sjaakbanaan]

Description

I'm trying to achieve the following css rule:
backdrop-filter: blur(8px)

In this demo it works just fine:
https://play.panda-css.com/Kxqd_8YZKN

it outputs this in DOM:

But for some reason in my project it only shows this:

Even though i do see it in the generated index.css like this:
.bkdp_blur\(8px\){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

Any idea what can cause this? It's driving me nuts.. thanks.

Link to Reproduction

https://play.panda-css.com/Kxqd_8YZKN

Steps to reproduce

1. Go to https://play.panda-css.com/Kxqd_8YZKN and see the backdrop being applied

JS Framework

React / Next.js

Panda CSS Version

0.53.7

Browser

Latest Chrome for both tests

Operating System

• macOS
• Windows
• Linux

Additional Information

No response