Safe area classes don't work with custom spacing units such as `xs`

[williamrobertson13]

What happened?

Safe area classes don't work with custom spacing units since uniwind.css is generated without --value(--spacing-*). Of course you could just manually add these styles or use the Tailwind safe area plugin, but I believe this should work out of the box.

Working (integer values):

Not working (custom values):

Steps to Reproduce

1. Pull repo example and run with pnpm web
2. Observe that safe area classes with custom spacing units don't work:

Snack or Repository Link

https://github.com/williamrobertson13/uniwind-safe-area-repro

Uniwind version

1.2.4

React Native Version

0.81.5

Platforms

Web, iOS, Android

Expo

Yes

Additional information

• I've searched for similar issues in this repository and found none

[Brentlok]

Hi, thanks for reporting this. I didn't knew that something like this is possible in tailwind, it's almost like a separated scripting language 😂
We will add this additional utilities or anyone from community is welcome to contribution 😄