`:global` not working as nested selector

I use postcss-nested with postcss-global-nested, putting nested before the global nested plugin (in order).

This works in v4+ of postcss-nested and v5.0.1 but not in 5.0.0 or 5.0.2+.

Given:

.selector {
	:global {
		h2 {
			color: pink;
		}
	}
}

Expected:

.selector :global h2 {
	color: pink;
}

Actual:

.selector :global {
	h2 {
		color: pink;
	}
}

It’s a little baffling, because both 5.0.1 and 5.0.2 are putting out

and

css: '.selector :global h2 {\n' +
    '\t\t\tcolor: pink;\n' +
    '\t\t}\n',

So… 🤷‍♂️

Happy to put together a repro if needed.

[ai]

Should be fixed with PostCSS 8.3.3.

[ai]

Please create a new issue