SASS indentation and autocomplete does not work correctly in Vue components

When using SASS in a Vue single-file component using `<style lang="sass">`, IntelliJ IDEA seems to recognize SASS presence in the sense that it does not enforce semicolons and braces (in fact highlights them as syntax errors, as it should – this proves that IDEA knows it’s SASS, not CSS), but continued indentation does not work correctly. Anytime I press the Enter key, IDEA goes back to column 1, forcing me to press the Tab key multiple times until I get to the correct column. This behaviour is not consistent with the behaviour in dedicated .sass files.

Furthermore, auto-complete seems to behave very strangely. Sometimes (but unfortunately not always, and I can’t seem to find the pattern triggering this) when writing a statement that ends with a color definition (such as `border: 1px solid #ccc`), after I’m done with writing the colour (cursor is located after the last `c` in `#ccc`) and I want to go to the next line, auto-complete box sometimes appears with suggestions such as `red()` or `length()`, and of course at that point my Enter keypress (which was intended to move the cursor to the next line) selects the nonsensical suggestion instead, so the line in the end looks something like `border: 1px solid #cccred()`.

Is there any settings I can tweak to make IDEA behave better?