if() boolean-expr of style() and media() queries parsing support

Supported if syntax now:

<if()> = if( [ <if-condition> : <declaration-value>? ; ]*
             <if-condition> : <declaration-value>? ;? )
<if-condition> = <boolean-expr[ <if-test> ]> | else
<if-test> = media( <media-query> ) | style( <style-query> )

Spec: https://drafts.csswg.org/css-values-5/#if-notation

Bug: 346977961
Change-Id: Iabdb7b3331600259cecd76eb409e8c48d750d538
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6289526
Commit-Queue: Munira Tursunova <moonira@google.com>
Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1423173}

Author: tursunova

css/css-values/if-style-query.html

@@ -185,6 +185,14 @@
   test_if(`if(style(--x):a)if(style(--x):b)`,
         [['--x', '3']],
         'a/**/b');
+  test_if(`if(style(--x!): true_value;
+          else: false_value)`,
+        [['--x', '3']],
+        'false_value');
+  test_if(`if(style(color: green): true_value;
+          else: false_value)`,
+        [],
+        'false_value');
 
   // Valid if() with multiple conditions with unregistered custom properties
   test_if(`if(style(--non-existent): value1;
@@ -491,13 +499,13 @@
           else: false_value)`,
         [['--x', '3']],
         '');
-  test_if(`if(style(--x!): true_value;
+  test_if(`if(style(--x) and invalid: true_value;
           else: false_value)`,
         [['--x', '3']],
         '');
-  test_if(`if(style(color: green): true_value;
+  test_if(`if(invalid or style(--x): true_value;
           else: false_value)`,
-        [],
+        [['--x', '3']],
         '');
   test_if(`if(style(not (--x: 5) or (--z: 10px)): true_value;
           else: false_value;)`,