Interpolation with arithmetic breaks syntax

[prurigro]

This example of interpolation without arithmetic doesn't cause any issues with the syntax after (though the entirety of #{$grid-gutter-width} including the #{} registers as @string.scss):

top: calc(50% + #{$grid-gutter-width});

All of the following are examples of interpolation with arithmetic, which causes the syntax following them to break:

transform: translateY(#{$grid-gutter-width * $grid-gutter-width});
transform: translateY(#{$grid-gutter-width * 2});
transform: translateY(#{2px + 2px});
top: calc(50% + #{$grid-gutter-width + 2px});

The broken syntax largely registers as strings (the white properties are seen as strings).

Interestingly, the $sort-arrow-size doesn't have syntax normally, but in the broken syntax actually registers as @variable.parameter.scss

[prurigro]

This actually looks like this is probably related to #18 - I didn't realize interpolation wasn't supported. I'll leave this open for someone to skim through in case the cases and screenshot were helpful, but feel free to close this one.