allow pseudo class after global

Author: dummdidumm

packages/svelte/src/compiler/phases/2-analyze/css/Selector.js

@@ -184,7 +184,9 @@ export default class Selector {
 					selector.name === 'global' &&
 					block.selectors.length !== 1 &&
 					(i === block.selectors.length - 1 ||
-						block.selectors.slice(i + 1).some((s) => s.type !== 'PseudoElementSelector'))
+						block.selectors
+							.slice(i + 1)
+							.some((s) => s.type !== 'PseudoElementSelector' && s.type !== 'PseudoClassSelector'))
 				) {
 					error(selector, 'invalid-css-global-selector-list');
 				}

packages/svelte/tests/validator/samples/css-invalid-global-placement-2/errors.json

@@ -3,11 +3,11 @@
 		"code": "invalid-css-global-placement",
 		"message": ":global(...) can be at the start or end of a selector sequence, but not in the middle",
 		"start": {
-			"line": 2,
+			"line": 5,
 			"column": 6
 		},
 		"end": {
-			"line": 2,
+			"line": 5,
 			"column": 19
 		}
 	}

packages/svelte/tests/validator/samples/css-invalid-global-placement-2/input.svelte

@@ -1,4 +1,7 @@
 <style>
+	.foo :global(.bar):first-child {
+		color: red;
+	}
 	.foo :global(.bar):first-child .baz {
 		color: red;
 	}