svelte preprocessor is too greedy

[tivac]

<link rel="stylesheet" href="./style.css" />

<!-- correctly transformed -->
<div class="{css.foo}">Foo</div>

<script>
const data = {
    field : "foo"
};

// Incorrectly transformed
const style = css[data.field];
</script>

[tivac]

Need to add more detail, this isn't actually enough to repro yet.

[tivac]

The issue happens when you have a structure like css[foo.bar] where foo is a valid key in the css object.

const style = "fooga wooga bd".flex];

is what ends up in the output.