Cannot get starting:translate-y to work properly in safari. Coding it in CSS works

[RaederDev]

I'm not sure if this is a tailwind or safari bug but I ran into an issue where starting-style seems to break.
https://play.tailwindcss.com/ClQpDWz4UT
The red square is supposed to animate up to the top from the bottom. This works in Chrome and FF but not Safari 18.5.

I recreated the example with plain CSS and it works properly in Safari:
https://codepen.io/RaederDev/pen/VYLxGqx

I cannot figure out what tailwind is doing differently here or how to solve this.