Card padding properties over 9 fail

[edwardoverthere]

While using a card component, inputting any single number over 9 as a property for padding breaks the functionality.

This works fine - padding is as expected:

<Card padding={9}>
  Some content
</Card>

This breaks - padding is no longer applied at all:

<Card padding={10}>
  Some content
</Card>

[LiamMartens]

@EdwardGoomba I believe this is because the Sanity theme only has 10 total padding values (as can be seen here theme.ts)

If you need more than this you might want to just assign custom padding yourself using styled components

import styled from 'styled-components'

const CardWithLargePadding = styled(Card)`
  padding: 500px;
`

return <CardWithLargePadding />