Почему мы используем # {} для интерполяции?Разве мы не можем вместо этого просто использовать переменную scss?

Question

Я видел использование # {} в следующем:

$information-phone: "only screen and (max-width : 320px)";

@media #{$information-phone} {
    background: red;
}

Какова цель использования # {}? Не могу ли я просто сделать следующее:

$information-phone: "only screen and (max-width : 320px)";

@media $information-phone {
    background: red;
}

По сути, нельзя ли использовать переменную sass везде, где используется интерполяция (# {})?