add global for animations

Author: jantimon

src/index.js

@@ -328,6 +328,17 @@ function localizeDeclarationValues(localize, declaration, context) {
       return false;
     }
 
+    // replace `animation-name: global(example)` with `animation-name: example`
+    if (
+      node.type === "function" &&
+      node.value.toLowerCase() === "global" &&
+      /animation(-name)$/i.test(declaration.prop) &&
+      node.nodes.length === 1
+    ) {
+      Object.assign(node, node.nodes[0]);
+      return;
+    }
+
     if (
       node.type === "word" &&
       specialKeywords.includes(node.value.toLowerCase())

test/index.test.js

@@ -175,6 +175,11 @@ const tests = [
     input: ".foo { animation-name: env(bar); }",
     expected: ":local(.foo) { animation-name: env(bar); }",
   },
+  {
+    name: "not localize animation-name in an global function",
+    input: ".foo { animation-name: global(bar); }",
+    expected: ":local(.foo) { animation-name: bar; }",
+  },
   {
     name: "not localize animation-name in an env function #2",
     input: ".foo { animation-name: eNv(bar); }",