min/max doesn't work with safe-area-inset-bottom

I am getting a error when using `safe-area-inset-bottom` together with `min` or `max` like this:

```css
padding-bottom: min(50px, env(safe-area-inset-bottom));
```

Error:
"env(safe-area-inset-bottom)" is not a number for `min'

This is valid css and should work out of the box.

Start by reproducing the reported CSS snippet in styled-jsx-plugin-sass and trace how Sass handles min(), max(), and env(safe-area-inset-bottom). Done means the valid CSS compiles without the reported non-number error; add or update a regression test if the project’s existing test setup supports one.

Written by the indexing model from the issue text.