message: docs(theme): add spacing table (0.5, 1.5, 2.5, 3.5)
diff: @@ -270,12 +270,16 @@ Tailwind CSS. The values are proportional, so 1 spacing unit is equal to
  > give you `10`. Then use it in your component.
  | Name | Space | Pixels | |
  -| ---- | ------- | ------ | --------------------------------- |
  +| ---- | -------- | ------ | ---------------------------------- |
  | 0 | 0 | 0px | <Box bg="pink.200" h="4" w="0"/> |
  | px | 1px | 1px | <Box bg="pink.200" h="4" w="px"/> |
  +| 0.5 | 0.125rem | 2px | <Box bg="pink.200" h="4" w="0.5"/> |
  | 1 | 0.25rem | 4px | <Box bg="pink.200" h="4" w="1"/> |
  +| 1.5 | 0.375rem | 6px | <Box bg="pink.200" h="4" w="1.5"/> |
  | 2 | 0.5rem | 8px | <Box bg="pink.200" h="4" w="2"/> |
  +| 2.5 | 0.625rem | 10px | <Box bg="pink.200" h="4" w="2.5"/> |
  | 3 | 0.75rem | 12px | <Box bg="pink.200" h="4" w="3"/> |
  +| 3.5 | 0.875rem | 14px | <Box bg="pink.200" h="4" w="3.5"/> |
  | 4 | 1rem | 16px | <Box bg="pink.200" h="4" w="4"/> |
  | 5 | 1.25rem | 20px | <Box bg="pink.200" h="4" w="5"/> |
  | 6 | 1.5rem | 24px | <Box bg="pink.200" h="4" w="6"/> |
  