It seems that when using <svelte:element> classes aren't being processed.
This doesn't work
<script>
const tag = "div";
</script>
<svelte:element this={tag} class="test">Hello World!</svelte:element>
<style module>
.test {
background-color: red;
}
</style>
Output:
<div class="test s-A8QqWK3Qbhgz">Hello World!</div>
This works
<div class="test">Hello World!</div>
<style module>
.test {
background-color: red;
}
</style>
Output:
<div class="test-2zbctJ">Hello World!</div>