fix(vite/storybook): resolved runtime error for dynamic imports

[WinkeeFace]

Description:

The current Vite configuration requires an update to prevent runtime errors when using MDX documentation within Storybook. Specifically, the @storybook/addon-docs/blocks module needs to be pre-bundled for compatibility during dynamic imports. This update adds the necessary adjustments to the optimizeDeps section of the Vite configuration.

Steps to Reproduce:

1. Attempt to use MDX documentation in Storybook.
2. Observe runtime errors related to missing pre-bundled dependencies.

Proposed Solution:

Integrate the following changes into the Vite configuration:

const { mergeConfig } = await import("vite");
return mergeConfig(config, {
    plugins: [rawMarkdown],
    optimizeDeps: {
        // Pre-bundle @storybook/addon-docs/blocks to avoid runtime errors
        // This is needed because MDX documentation requires these blocks to be available
        // during dynamic imports
        include: ['@storybook/addon-docs/blocks']
    }
});

Acceptance Criteria:

• Storybook loads MDX documentation without runtime errors.
• The Vite configuration changes are compatible with existing workflows.
• Ensure that these changes do not introduce regressions in other parts of the build system.

Additional Context:

• This update aligns with the requirement to dynamically import Storybook blocks during MDX rendering.

[changeset-bot]

⚠️ No Changeset found

Latest commit: f85e098

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR