Undefined variable: "$grey-lighter" with vueJS

[rognales]

I'm having issue importing bulma-quickview. I'm using vueJS 2.6.9.

If i try to import like below, the sass-loader complains that dependency is not found.

require('bulma-quickview') 

If i try to import like below, the sass-loader complains undefined variable "$grey-lighter"

require('bulma-quickview/src/sass/index.sass') 

As you can see, these are the sequence of my imports. I do import bulma before the extensions. I didn't have this issue with bulma-divider or bulma-switch

require('bulma')
// require('bulma-quickview/src/sass/index.sass')
//require('bulma-quickview')
require('bulma-divider')
require('bulma-switch')
require('animate.css')
export default {
  
}