fix(layout): add missing tokens to layout Form

.changeset/shiny-monkeys-swim.md

@@ -0,0 +1,5 @@
+---
+'@rocket.chat/layout': patch
+---
+
+fix(layout): add missing tokens to layout `Form`

packages/layout/src/components/FormPageLayout/Form.tsx

@@ -12,6 +12,8 @@ const Form = forwardRef<
     <Tile
       ref={ref}
       is='form'
+      backgroundColor='light'
+      color='default'
       padding={40}
       width='full'
       maxWidth={576}

packages/layout/src/components/FormPageLayout/__snapshots__/FormPageLayout.spec.tsx.snap

@@ -7,7 +7,7 @@ exports[`renders Default without crashing 1`] = `
       style="width: 600px;"
     >
       <form
-        class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-axj8in"
+        class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-vuqkc1"
       >
         <header
           class="rcx-box rcx-box--full rcx-css-heem01"

packages/layout/src/layouts/HorizontalWizardLayout/__snapshots__/HorizontalWizardLayout.spec.tsx.snap

@@ -117,7 +117,7 @@ exports[`renders Default without crashing 1`] = `
           class="rcx-css-1tmhcn7"
         >
           <form
-            class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-axj8in"
+            class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-vuqkc1"
           >
             <header
               class="rcx-box rcx-box--full rcx-css-heem01"
@@ -290,7 +290,7 @@ exports[`renders WithScroll without crashing 1`] = `
           class="rcx-css-1tmhcn7"
         >
           <form
-            class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-axj8in"
+            class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-vuqkc1"
           >
             <header
               class="rcx-box rcx-box--full rcx-css-heem01"

packages/layout/src/layouts/VerticalWizardLayout/__snapshots__/VerticalWizardLayout.spec.tsx.snap

@@ -85,7 +85,7 @@ exports[`renders Default without crashing 1`] = `
           class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-u9deli"
         >
           <form
-            class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-axj8in"
+            class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-vuqkc1"
           >
             <header
               class="rcx-box rcx-box--full rcx-css-heem01"
@@ -243,7 +243,7 @@ exports[`renders WithScroll without crashing 1`] = `
           class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-u9deli"
         >
           <form
-            class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-axj8in"
+            class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-vuqkc1"
           >
             <header
               class="rcx-box rcx-box--full rcx-css-heem01"

packages/onboarding-ui/.storybook/preview.tsx

@@ -1,3 +1,4 @@
+import { PaletteStyleTag } from '@rocket.chat/fuselage';
 import surface from '@rocket.chat/fuselage-tokens/dist/surface.json';
 import { DarkModeProvider } from '@rocket.chat/layout';
 import type { Preview } from '@storybook/react';
@@ -79,6 +80,7 @@ export default {
         <Suspense fallback={null}>
           <I18nextProvider i18n={getI18n()}>
             <DarkModeProvider.default forcedDarkMode={dark}>
+              <PaletteStyleTag theme={dark ? 'dark' : 'light'} />
               <Story />
             </DarkModeProvider.default>
           </I18nextProvider>

packages/onboarding-ui/src/forms/RegisterServerForm/__snapshots__/RegisterServerForm.spec.tsx.snap

@@ -6,7 +6,7 @@ exports[`renders _RegisterServerForm without crashing 1`] = `
     <form
       aria-describedby=":r0:-informed-disclaimer :r0:-engagement-disclaimer"
       aria-labelledby=":r0:-title"
-      class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-axj8in"
+      class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-vuqkc1"
       tabindex="-1"
     >
       <header
@@ -179,7 +179,7 @@ exports[`renders _RegisterServerFormOffline without crashing 1`] = `
     <form
       aria-describedby=":r3:-informed-disclaimer :r3:-engagement-disclaimer"
       aria-labelledby=":r3:-title"
-      class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-axj8in"
+      class="rcx-box rcx-box--full rcx-tile--elevation-1 rcx-tile rcx-css-vuqkc1"
       tabindex="-1"
     >
       <header