Rename and remove CSS design tokens

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

plugins/app-visualizer/src/components/AppVisualizerPage/DetailedVisualizer.tsx

@@ -363,7 +363,7 @@ export function DetailedVisualizer({ tree }: { tree: AppTree }) {
         style={{
           flex: '0 0 auto',
           background: 'var(--bui-bg-neutral-1)',
-          border: '1px solid var(--bui-border)',
+          border: '1px solid var(--bui-border-2)',
           borderRadius: 'var(--bui-radius-2)',
         }}
       >

plugins/app-visualizer/src/components/AppVisualizerPage/TextVisualizer.tsx

@@ -93,7 +93,7 @@ export function TextVisualizer({ tree }: { tree: AppTree }) {
         px="4"
         style={{
           background: 'var(--bui-bg-neutral-1)',
-          borderTop: '1px solid var(--bui-border)',
+          borderTop: '1px solid var(--bui-border-2)',
         }}
       >
         <Checkbox isSelected={showOutputs} onChange={setShowOutputs}>