fix: fixing preview tag style

[marcopaulo7]

What’s the purpose of this pull request?

This PR fixes the Preview tag styling when previews are shown in stores that use custom themes.
An example from a preview page in the heringhomolog account:

Before

After

How it works

It replaces styles inherited from the Badge, Tag, and Icon components with scoped custom styles, preventing overrides by store-specific theme customizations.

How to test

1. Clone the heringhomolog store repository.
2. Set the data source to Content Platform (CP).
3. Run the store locally.
4. In the heringhomolog Content Platform, set the preview URL to your local build.
5. Preview a page. The Preview tag should initially appear with broken styling.
6. Apply this PR locally by either:
   • Linking the faststore/core package from this PR into the store, or
   • Overriding the Preview tag stylesheet with the version from this PR.
7. Refresh the preview. The Preview tag should display with the corrected styling.

Note: The preview tag is shown only on pages previewed from the Content Platform. This change doesn't apply to the preview flow for hCMS pages.

Starters Deploy Preview

References

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.