Allow anchor-size(…) in arbitrary values (#14393)

This PR fixes an issue where using `anchor-size` in arbitrary values
resulted in the incorrect css.

Input: `w-[calc(anchor-size(width)+8px)]`
Output:
```css
.w-\[calc\(anchor-size\(width\)\+8px\)\] {
  width: calc(anchor - size(width) + 8px);
}
```

This PR fixes that, by generating the correct CSS:
```css
.w-\[calc\(anchor-size\(width\)\+8px\)\] {
  width: calc(anchor-size(width) + 8px);
}
```

Author: RobinMalfait

src/util/dataTypes.js

@@ -147,6 +147,8 @@ function normalizeMathOperatorSpacing(value) {
     'repeating-radial-gradient',
     'repeating-linear-gradient',
     'repeating-conic-gradient',
+
+    'anchor-size',
   ]
 
   return value.replace(/(calc|min|max|clamp)\(.+\)/g, (match) => {

tests/normalize-data-types.test.js

@@ -96,6 +96,9 @@ let table = [
     '[content-start] calc(100% - 1px) [content-end] minmax(1rem,1fr)',
   ],
 
+  // Prevent formatting functions that are not math functions
+  ['w-[calc(anchor-size(width)+8px)]', 'w-[calc(anchor-size(width) + 8px)]'],
+
   // Misc
   ['color(0_0_0/1.0)', 'color(0 0 0/1.0)'],
   ['color(0_0_0_/_1.0)', 'color(0 0 0 / 1.0)'],