Unable to set a number value for aspect-ratio

[aerialist7]

Hi Team,

I found a problem when setting the aspect ratio as a number value.
I have next configuration:

const style = css({
  color: "darkred",
  aspectRatio: 1
});

Current behavior:
It becomes aspect-ratio: 1px in resulted CSS.

See the screenshot:

To reproduce:

1. Go to https://codesandbox.io/s/aspect-ratio-emotion-issue-yle4xs?file=/src/App.tsx
2. Chech aspect-ratio value in Dev Tools

Expected behavior:

It should be aspect-ratio: 1 in resulted CSS.

Linked issue:

• sx.aspectRatio can't accept number mui/material-ui#30129