Sass: поведение заполнителя для селекторов

Question

У меня возникли проблемы с пониманием поведения заполнителей для селекторов при компиляции в css. Поэтому я создал заполнитель внутри селектора классов (.test) и пытаюсь расширить его до другого класса (.test1) внутри третьего класса (.test2). он скомпилирован в css без каких-либо ошибок, хотя мне любопытно, как формируются селекторы при компиляции. Вот выходные данные и фрагменты кода.

Это не фактический вариант использования, но мне просто интересно, как селекторы сформировались на выходе?

.test {
  %placeholder {
    font-size: 14px;
  }
}

.test2 {
  .test1 {
    @extend %placeholder;
  }
}

Вывод

.test .test2 .test1, .test2 .test .test1 {
  font-size: 14px;
}