[Vuejs]-Vue SCSS lighten()

The function lighten only returns a color, you still have to assign it to a CSS property that accepts a color string, for instance:

.disable-primary {
    background-color: lighten( $primary, 10% );
}

Or whatever property you wanted to set.