When extending from another scss file, there is a problem that the extended content is described after the style of the expanded selector.

[pandaulait]

Describe the bug A clear and concise description of what the bug is. When extending from another scss file, there is a problem that the extended content is described after the style of the expanded selector.

---

別のscssファイルからextendした際に、extendした内容が展開したセレクタのスタイルよりも後に記述されてしまう To Reproduce

// file1.scss
%common {
color: red
}

// file2.scss
@import file1

.class1 {
 @extend %common;
}

.class2 {
 @extend %common;
 color: blue
}

↓ build

.class2 {
 color: blue
}

// 後述のため、extendの内容が優先される
.class1, class2 {
  color: red
}

Expected behavior

↓ build

.class1, class2 {
  color: red
}

.class2 {
 color: blue
}