Problem compiling Scss with media queries

Flow
1

Hi everyone !

I noticed that if you want to compile this scss (for responsive design) with the SassCompiler from Vaadin (i use the 7.1.15 version) :

[code]
$phone-max-width: 320px;

@media screen and (max-width: $phone-max-width) {
background: green;
}
[/code]should give :

@media screen and (max-width: 320px) {
    background: green;    
}

but result is :

@media screen and (max-width: $phone-max-width) {
}

And also, using full query variable :

[code]
$phone-condition: “only screen and (max-width : 320px)”;

@media #{$phone-condition} {
background: green;
}
[/code]should give :

@media only screen and (max-width : 320px) { background: green; } Result is :

@media #{$phone-condition} {
}

Is it a bug or just a feature not implemented ?

Thanks for response !