How to override root font-size in a Storybook story without affecting global preview iframe styles?

[motea927]

I'm using Storybook version 7.x with Vue.js. My component relies on a root font-size of 625% for its rem calculations...

When I set the root font-size within my component's story (adding preview-body.html, and set html font-size to 625%), it affects the entire preview iframe. I only want the font-size change to apply to my component's

Is any way to achieve this goal?