@modular-css/svelte errors when classes get more descriptive through page

[tanishalfelven]

https://github.com/tivac/modular-css/blob/main/packages/svelte/svelte.js#L207
if you have a class that is similar to a different css class occuring after the original in markup then there is a big explosion.
Fine:

<div class="{css.someclass}"/>
<div class="{css.some}"/>

Error:

<div class="{css.some}"/>
<div class="{css.someclass}"/>

[tivac]

Tried to add a test to reproduce this against main, but having trouble.

Here's the template file:

<style>
.some { color: red; }
.someclass { color: blue; }
</style>
<div class="{css.some}"></div>
<div class="{css.someclass}"></div>

Here's the regexes it creates:

/([^$]){css\.(some|someclass)}/gm

and

/(\b)css\.(some|someclass)(\b)/gm

which based on some quick testing I can't get to fail, there must be another component to this that I'm not aware of.

[tivac]

Fixed by 1ac9af5!