How to stop scss compilation to css which are inside vue js sfc files (particularly in vite library mode) ?

[Abrar535]

Lets take this example vue sfc file below :

// Header.vue
 
<template>
  <div class="header"> </div>
</template>
<script lang="ts" setup>

</script>
<style scoped lang="scss">

.header {
  color: $header__primary !default
}
</style>

Here I would like the styles to be extracted in a separate file(just like the way it is by default in vite library mode) but skip the compilation to css, Output will be like this:
// style.scss
.header { color: $header__primary !default }

I would like to do this so that the customers of my library can override the values according to their brand needs from their end.

[dairbuirabass]

@Abrar535 Any updates on this?