Using Less css-preprocessor returns an error and breaks the HMR

[andresilvasantos]

Version: x.x.x

2.4.8

Details

There appears to be an issue when using Less css-preprocessor with Marko single file components.

This following code outputs an error when trying to update it and breaks the HMR:

<div.rect>
  <h1>Hello!</h1>
</div>

style.less {
    .rect {
        background-color: green;
    }
};

Expected Behavior

It should compile without errors.

Actual Behavior

[vite] page reload src/components/app-main/index.marko
[less] Unrecognised input