fix website (spacings)

Author: veej

packages/website/src/components/SpacingScale.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Box, DesignSystemProvider, Inline, Stack, vars } from "../snippets";
+import { Box, DesignSystemProvider, Inline, Stack, responsiveProperties } from "../snippets";
 import { defaultMessages } from "@buildo/bento-design-system/lib/defaultMessages/en";
 
 const SpacePoint = ({ space }: { space: string }) => (
@@ -10,10 +10,10 @@ export function SpacingScale() {
   return (
     <DesignSystemProvider defaultMessages={defaultMessages}>
       <Stack space={16}>
-        {Object.entries(vars.space).map(([name, space]) => (
+        {Object.entries(responsiveProperties.gap).map(([name, space]) => (
           <Inline key={name} space={16} alignY="center">
             <Box style={{ width: 32 }}>{name}</Box>
-            <SpacePoint space={space} />
+            <SpacePoint space={String(space)} />
           </Inline>
         ))}
       </Stack>