build(component): fix component storybook (#9990)

packages/frontend/component/.storybook/main.ts

@@ -3,7 +3,6 @@ import { StorybookConfig } from '@storybook/react-vite';
 import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
 import swc from 'unplugin-swc';
 import { mergeConfig } from 'vite';
-import { getBuildConfig } from '@affine-tools/utils/build-config';
 
 export default {
   stories: ['../src/ui/**/*.@(mdx|stories.@(js|jsx|ts|tsx))'],
@@ -26,6 +25,9 @@ export default {
   docs: {},
 
   async viteFinal(config, _options) {
+    const { getBuildConfig } = await import('@affine-tools/utils/build-config');
+    const { Package } = await import('@affine-tools/utils/workspace');
+
     return mergeConfig(config, {
       plugins: [
         vanillaExtractPlugin(),
@@ -55,12 +57,9 @@ export default {
       define: {
         'process.env.CAPTCHA_SITE_KEY': `"${process.env.CAPTCHA_SITE_KEY}"`,
         ...Object.entries(
-          getBuildConfig({
-            distribution: 'web',
+          getBuildConfig(new Package('@affine/web'), {
             mode: 'development',
             channel: 'canary',
-            static: false,
-            coverage: false,
           })
         ).reduce((envs, [key, value]) => {
           envs[`BUILD_CONFIG.${key}`] = JSON.stringify(value);