<div>
  <List sx={{ py: 'var(--ListDivider-gap)', '--List-decorator-size': '24px' }} />
  <List sx={{ '--List-decoratorSize': '24px' }} />
  <ListItem sx={{ '--ListItem-minHeight': '20px' }} />
  <Input
    sx={{
      '--Input-decoratorChildHeight': '10px',
    }}
  />
  <ModalDialog sx={{ '--unstable_ModalDialog-descriptionOffset': '12px' }} />
  <Autocomplete sx={{ '--Autocomplete-wrapperGap': '10px' }} />
  <Switch sx={{ '--Switch-trackWidth': '40px' }} />
  <Item sx={{ py: 'var(--internal-action-radius)' }} />
  <Item sx={{ py: 'var(--private_action-radius)' }} />
  <Item sx={{ py: 'var(--unstable_action-radius)' }} />
</div>;
