Migrate all components to new tokens

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

.storybook/preview.tsx

@@ -134,11 +134,11 @@ export default definePreview({
         };
       }, [selectedTheme, selectedThemeName]);
 
-      document.body.style.backgroundColor = 'var(--bui-bg-surface-0)';
+      document.body.style.backgroundColor = 'var(--bui-bg-neutral-0)';
       const docsStoryElements = document.getElementsByClassName('docs-story');
       Array.from(docsStoryElements).forEach(element => {
         (element as HTMLElement).style.backgroundColor =
-          'var(--bui-bg-surface-0)';
+          'var(--bui-bg-neutral-0)';
       });
 
       return (

.storybook/storybook.css

@@ -13,7 +13,7 @@
 }
 
 [data-theme-mode='dark'] {
-  --sb-sidebar-bg: var(--bui-bg-surface-1);
+  --sb-sidebar-bg: var(--bui-bg-neutral-1);
 }
 
 [data-theme-name='spotify'] {
@@ -24,7 +24,7 @@
   --sb-panel-right: 8px;
   --sb-sidebar-border: none;
   --sb-sidebar-border-right: none;
-  --sb-sidebar-bg: var(--bui-bg-surface-1);
+  --sb-sidebar-bg: var(--bui-bg-neutral-1);
   --sb-options-border: none;
   --sb-options-border-left: none;
   --sb-content-padding-inline: 258px;

.storybook/themes/spotify.css

@@ -246,7 +246,7 @@
 }
 
 [data-theme-mode='dark'][data-theme-name='spotify'] {
-  --bui-bg-surface-0: var(--bui-black);
+  --bui-bg-neutral-0: var(--bui-black);
 
   --bui-bg-solid: #1ed760;
   --bui-bg-solid-hover: #3be477;