fix(color-picker): make sure the popup is positioned correctly

Author: RylanBot

packages/theme-generator/src/Generator.vue

@@ -83,7 +83,6 @@ export default {
 :host {
   --td-brand-main-hover: var(--brand-main-hover);
   --td-bg-color-container: var(--bg-color-theme-secondary);
-  --td-bg-color-secondarycomponent: var(--bg-color-theme-secondary);
   --td-bg-color-container-hover: var(--bg-color-container-hover);
   --td-bg-color-component-active: var(--bg-color-component-hover);
   --td-border-level-2-color: var(--component-border);

packages/theme-generator/src/common/components/ColorPicker/index.vue

@@ -6,7 +6,7 @@
     :recent-colors="null"
     :swatch-colors="null"
     :show-primary-color-preview="false"
-    :popup-props="{ attach: handleAttach }"
+    :select-input-props="{ popupProps: { attach: handleAttach } }"
     @change="handleChange"
     v-bind="$attrs"
   />