[2121] Bulma sass variables

Is there a way to use bulma sass variables from .vue files?

<style lang="sass" scoped>
    .section
        background-color: $grey-light
</style>

When I try to do so from vue files: Undefined variable: "$grey-light"

Bulma sass is loaded from nuxt.config.js

  css: [
    { src: '~/assets/css/main.sass', lang: 'sass' }, 
    { src: 'font-awesome/scss/font-awesome.scss', lang: 'scss' }
  ]

Using bulma classes works fine, but not the variables in specific .vue files...