The default scale is based on an 8px/powers-of-two grid: [ 0, 4, 8, 16, 32, 64, 128, 256, 512 ], which helps keep spacing consistent and elements aligned even when nesting components.
so far I have noticed m={1} is 8px , m={2} is 16px m ={3} is 32px; m={1/2} is 0.5px
the document says
so far I have noticed m={1} is 8px , m={2} is 16px m ={3} is 32px; m={1/2} is 0.5px
where does
4
fit in this pattern??