How to set the global style of stylus in vite.config.js

[no-why]

My configuration option is：
preprocessorOptions: {
stylus: {
additionalData: '$color-orange = red;',
},
scss: {
additionalData: '$highlight-color: red;'
}
}

Almost the same configuration, scss works, stylus does not work

[CHOYSEN]

Do you mean globals ?

export default defineConfig({
  css: {
    preprocessorOptions: {
      stylus: {
        globals: {
          '$highlight-color': 'red'
        }
      }
    }
  }
})

[ChaofanGuo]

What is the synex to import a styl file as global style?

[Kolobok12309]

Currently if you use preprocessorOptions.stylus, it affected only .stylus files and lang="stylus", not .styl