Support of scss/less @import / @use within the <style> section of vue components

[simontaurus]

Description

I've played around with scss/less @import / @use within the <style> section of vue components (see also #4164)

<style lang="scss" >
@use 'https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css';
</style>

Option 2:

<style lang="less">
@import url('https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css');
</style>

I would expect that the referenced css file is included in the app.
Instead it seems like both variants do not have any effect (bootstrap.min.css not loaded) while a build of the component with vite works as expected.

Is this setup not supported by nicegui or is there an issue with my specific stack (Win11, Python 3.11.9, pypyscss / lesscpy installed)

PS: As a workaround I use ui.add_head_html()