variente responsiva na interface do usuário do material

<Typography sx={{ typography: { sm: 'body1', xs: 'body2' } }} >
    Hello world!
</Typography>
Stupid Sloth