Change parentheses condition for css math serialization

Previously the condition for adding parentheses for serialization
was vast and caused every arithmetic operation to be in parentheses.

With time a lot of simplifications were added and now the only case
where we can end up with parentheses is when either operand
of the multiplication/division is unsimplified add/sub node:
(lhs as unsimplified add/sub) [* or /] rhs
or
lhs [* or /] (rhs as unsimplified add/sub).

Change-Id: I7a4d881357205b8c317029cb2c65548a2a39a80f
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5062788
Commit-Queue: Daniil Sakhapov <[email protected]>
Reviewed-by: Anders Hartvoll Ruud <[email protected]>
Cr-Commit-Position: refs/heads/main@{#1230040}

css/css-values/minmax-length-percent-serialize.html

@@ -123,4 +123,11 @@
     'calc(25% + 2em + 30px)',
     'calc(25% + 62px)',
     '87px');
+
+test_serialization(
+    'max((min(10%, 30px) + 10px) * 2 + 10px, 5em + 5%)',
+    'max(10px + (10px + min(10%, 30px)) * 2, 5% + 5em)',
+    'max(10px + (10px + min(10%, 30px)) * 2, 5% + 80px)',
+    '85px',
+    prop='width');
 </script>