Merge pull request #3250 from davemo/fix/1705-root-pseudo-selector-prefix-exemption

bugfix: exempt the :root psuedo-selector from the random css prefix

src/compiler/compile/css/Selector.ts

@@ -62,7 +62,9 @@ export default class Selector {
 			while (i--) {
 				const selector = block.selectors[i];
 				if (selector.type === 'PseudoElementSelector' || selector.type === 'PseudoClassSelector') {
-					if (i === 0) code.prependRight(selector.start, attr);
+					if (selector.name !== 'root') {
+						if (i === 0) code.prependRight(selector.start, attr);
+					}
 					continue;
 				}
 

test/css/samples/css-vars/expected.css

@@ -1 +1 @@
-div.svelte-xyz{--test:10}
+:root{--root-test:20}div.svelte-xyz{--test:10}

test/css/samples/css-vars/input.svelte

@@ -1,7 +1,10 @@
 <div></div>
 
 <style>
+	:root {
+		--root-test: 20;
+	}
 	div {
 		--test: 10;
 	}
-</style>
+</style>