Describe the bug
When using the Snackbar component on React Native the app has a render error as <css input:4:28: Missed semicolon
To Reproduce
Steps to reproduce the behavior:
Go to https://gympass.github.io/yoga/components/snackbar#native
Copy the Snackbar example from the page
<Snackbar
variant="success"
icon={CheckedFull}
message="Feedback message."
actionLabel="Action"
onAction={() => {}}
duration="default"
bottomOffset={0}
ref={snackbarRef}
/>
Save the changes and reload the app
The Render Error should occur with the same issue
Screenshots
Render Error:

Terminal LOG:

Digging into the code, this line appears to be the issue
|
margin-horizontal: ${margin.horizontal}px |
Describe the bug
When using the
Snackbarcomponent on React Native the app has a render error as<css input:4:28: Missed semicolonTo Reproduce
Steps to reproduce the behavior:
Go to https://gympass.github.io/yoga/components/snackbar#native
Copy the
Snackbarexample from the pageSave the changes and reload the app
The Render Error should occur with the same issue
Screenshots

Render Error:
Terminal LOG:

Digging into the code, this line appears to be the issue
yoga/packages/yoga/src/Snackbar/native/Snackbar.jsx
Line 41 in a0fb25f