Different svelte css scoping hash between server and client

[jacob-8]

Somewhere between @sveltejs/[email protected] and @sveltejs/[email protected] a change was made that breaks my scoped css on just a few of my components when a page is first loaded from the server and not yet hydrated. Basically it's a partial flash of unstyled content (very partial). I can't discern a pattern and am not sure yet how to create a minimal reproduction so just posting here in case anyone else has the same problem.

The problem in short is:
Server received: HTML includes <div class="mt-50px svelte-foohash">... and CSS for that component includes: mt-50px.svelte-barhash: margin-top: 50px << so the style doesn't display
After client hydration: HTML includes <div class="mt-50px svelte-barhash">... and CSS for that component includes: mt-50px.svelte-barhash: margin-top: 50px << everything is good again

Has anyone else noticed this? Especially anyone using Windicss as I am.