'Vue Stylus Sass Variables

After integrating stylus into my Vue3 application, my global css variables no longer work (loaded through prependData as mentioned here).

Old, working code (no stylus):

<style>
  .item {
    background-color: $bgColor;
  }
</style>

New code, doesn't work (w/ stylus):

<style lang="stylus">
.item 
  background-color: $bgColor;
</style>

Is it possible to update my old code to leverage stylus and keep my variable structure? Thanks for your ideas.

vue.js vuejs3 stylus

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source