fix: Allow to disable animation prefix

Author: ai

.changeset/twenty-shoes-peel.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+Fix disabling prefix for animation

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

@@ -28,11 +28,19 @@ function is_global_block_selector(simple_selector) {
 	);
 }
 
+/**
+ *
+ * @param {Array<AST.CSS.Node>} path
+ */
+function is_in_global_block(path) {
+	return path.some((node) => node.type === 'Rule' && node.metadata.is_global_block);
+}
+
 /** @type {CssVisitors} */
 const css_visitors = {
 	Atrule(node, context) {
 		if (is_keyframes_node(node)) {
-			if (!node.prelude.startsWith('-global-')) {
+			if (!node.prelude.startsWith('-global-') && !is_in_global_block(context.path)) {
 				context.state.keyframes.push(node.prelude);
 			}
 		}

packages/svelte/src/compiler/phases/3-transform/css/index.js

@@ -106,6 +106,7 @@ const visitors = {
 				const character = state.code.original[index];
 
 				if (regex_css_name_boundary.test(character)) {
+					// TODO FIX
 					if (state.keyframes.includes(name)) {
 						state.code.prependRight(index - name.length, `${state.hash}-`);
 					}

packages/svelte/tests/css/samples/global-block/expected.css

@@ -74,6 +74,10 @@
 			animation: svelte-xyz-test 1s;
 		}
 
+		.y{
+			animation: test-in 1s;
+		}
+
 		@keyframes test-in{
 			to{
 				opacity: 1;

packages/svelte/tests/css/samples/global-block/input.svelte

@@ -76,6 +76,10 @@
 			animation: test 1s;
 		}
 
+		.y{
+			animation: test-in 1s;
+		}
+
 		@keyframes test-in{
 			to{
 				opacity: 1;