Define context more precisely to validate a pseudo function

Author: cdoublev

lib/parse/postprocess.js

@@ -1214,7 +1214,7 @@ function isValidPseudoClass(key, node) {
         return true
     }
     // :has() nested in :has()
-    if (key === 'has' && findContext('function', node, node => node.input.current?.name === 'has')) {
+    if (key === 'has' && findContext('function', node, node => node.definition.name === 'has')) {
         return false
     }
     // Pseudo-class qualifying pseudo-element
@@ -1256,6 +1256,7 @@ function postParsePseudoClassSelector(selector, node, parser) {
         name = name.toLowerCase()
         const definition = pseudos.classes.functions[name]
         if (definition && isValidPseudoClass(name, node)) {
+            node = { ...node, definition: { name, type: 'function', value: definition } }
             value = parser.parseCSSGrammar(input.current.value, definition, { ...context, function: node })
             if (value) {
                 const fn = { ...pseudo, name, value }
@@ -1324,6 +1325,7 @@ function postParsePseudoElementSelector(selector, node, parser) {
         name = name.toLowerCase()
         const definition = pseudos.elements.functions[name]
         if (definition && isValidPseudoElement(name, node)) {
+            node = { ...node, definition: { name, type: 'function', value: definition } }
             value = parser.parseCSSGrammar(input.current.value, definition.value, { ...context, function: node })
             if (value) {
                 const fn = { ...pseudo, name, value }

lib/parse/preprocess.js

@@ -191,7 +191,7 @@ function preParseCompoundSelector(node) {
         next
         && !isColon(next)
         && findContext('function', node, node =>
-            pseudos.logical[node.input.current?.name.toLowerCase()]
+            pseudos.logical[node.definition.name]
             // ::part(name):not(type) must be valid (but match nothing)
             && node.input.prev(1, 1)?.name?.toLowerCase() !== 'part'
             && findParent(