Switching to postcss-value-perser (postcss/postcss-color-rebeccapurpl…

…e#22)
csstools · Dec 15, 2021 · d0483d4 · d0483d4
1 parent c796111
commit d0483d4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/plugins/postcss-color-rebeccapurple/package.json b/plugins/postcss-color-rebeccapurple/package.json
@@ -29,7 +29,7 @@
     "node": ">=12"
   },
   "dependencies": {
-    "postcss-values-parser": "^6"
+    "postcss-value-parser": "^4.2.0"
   },
   "peerDependencies": {
     "postcss": "^8.3"

diff --git a/plugins/postcss-color-rebeccapurple/src/onCSSDeclaration.js b/plugins/postcss-color-rebeccapurple/src/onCSSDeclaration.js
@@ -1,4 +1,4 @@
-import { parse } from 'postcss-values-parser'
+import valuesParser from 'postcss-value-parser'
 import onCSSIdentifier from './onCSSIdentifier'
 import options from './options'
 
@@ -7,9 +7,13 @@ const onCSSDeclaration = decl => {
 	const { value: originalValue } = decl
 
 	if (hasAnyRebeccapurple(originalValue)) {
-		const valueAST = parse(originalValue)
+		const valueAST = valuesParser(originalValue)
 
-		valueAST.walkType('word', onCSSIdentifier)
+		valueAST.walk(node => {
+			if (node.type === 'word') {
+				onCSSIdentifier(node);
+			}
+		});
 
 		const modifiedValue = String(valueAST)