Attribute selector with class-like content paired with @extend generates invalid CSS

[max-m]

The following input generates some broken output.
Tested on version 1.10.5.

Input:

[data-foo='something.data.like'] {
	&[data-show='true'] {
		color: red;
	}
}

[data-foo='something.other.like'] {
	@extend %my-test-class;
}

%my-test-class {
	&[data-show='true'] {
		position: fixed;
	}
}

/////////////////////////////////////////////////////////////////////////////

[data-foo='this-works'] {
	@extend %my-other-class;
}

%my-other-class {
	&[data-show='true'] {
		position: fixed;
	}
}

Output:

[data-foo="something.data.like"][data-show="true"] {
  color: red;
}
data-foo="something.other.like"][[data-show="true"] {
  position: fixed;
}
[data-foo="this-works"][data-show="true"] {
  position: fixed;
}

As you can see, the opening bracket in line 4 got placed after the corresponding closing one.