Пользовательский элемент префикса SASS

Я пытаюсь добавить префикс к пользовательскому элементу, который выглядит как <myprefix-toggle></myprefix-toggle>. Это не работает. Однако, если я добавлю #, как если бы это был идентификатор, он компилируется. Почему и как я могу это обойти?

Работает

$prefix: "myprefix-";

#{$prefix}toggle {
  background: red;
}

Не работает

$prefix: "myprefix-";

{$prefix}toggle {
  background: red;
}

Ошибка, которую я получаю, вероятно, не связана с реальной проблемой ...

Error: expected ':' after $prefix in assignment statement

Если это важно, я использую глоток-нахальство для компиляции sass в css.