fix: handle already global selectors

Author: paoloricciuti

packages/svelte/src/compiler/migrate/index.js

@@ -54,8 +54,16 @@ function migrate_css(state) {
 			code.startsWith(':is') ||
 			code.startsWith(':where')
 		) {
-			let parenthesis = 1;
 			let start = code.indexOf('(') + 1;
+			let is_global = false;
+			const global_str = ':global';
+			const next_global = code.indexOf(global_str);
+			const str_between = code.substring(start, next_global);
+			if (!str_between.trim()) {
+				is_global = true;
+				start += global_str.length;
+			}
+			let parenthesis = 1;
 			let end = start;
 			let char = code[end];
 			// find the closing parenthesis
@@ -66,8 +74,10 @@ function migrate_css(state) {
 				char = code[end];
 			}
 			if (start && end) {
-				str.prependLeft(starting + start, ':global(');
-				str.appendRight(starting + end - 1, ')');
+				if (!is_global) {
+					str.prependLeft(starting + start, ':global(');
+					str.appendRight(starting + end - 1, ')');
+				}
 				starting += end - 1;
 				code = code.substring(end - 1);
 				continue;

packages/svelte/tests/migrate/samples/is-not-where-has/input.svelte

@@ -41,6 +41,12 @@ what if i'm talking about `:has()` in my blog?
 	div :where(.class:is(span:has(* > *))){}
 	div :is(.class:is(span:is(:hover)), .x){}
 
+	div :has(    :global(.class:is(span:where(:focus)))){}
+	div :not(:global(.class:is(span:where(:focus-within)))){}
+	div :is(:global(.class:is(span:is(:hover)))){}
+	div :where(:global(.class:is(span:has(* > *)))){}
+	div :is(:global(.class:is(span:is(:hover)), .x)){}
+
 	div{
 		p:has(&){
 

packages/svelte/tests/migrate/samples/is-not-where-has/output.svelte

@@ -41,6 +41,12 @@ what if i'm talking about `:has()` in my blog?
 	div :where(:global(.class:is(span:has(* > *)))){}
 	div :is(:global(.class:is(span:is(:hover)), .x)){}
 
+	div :has(    :global(.class:is(span:where(:focus)))){}
+	div :not(:global(.class:is(span:where(:focus-within)))){}
+	div :is(:global(.class:is(span:is(:hover)))){}
+	div :where(:global(.class:is(span:has(* > *)))){}
+	div :is(:global(.class:is(span:is(:hover)), .x)){}
+
 	div{
 		p:has(:global(&)){