RadioButton: When scale is applied, radio is not properly drawn

[Pijuli]

Describe the bug

If scale is applied as stated in the docs, the radio is misplaced
https://primevue.org/theming/styled/#scale

Reproducer

https://stackblitz.com/edit/b37yw9?file=src%2FApp.vue

PrimeVue version

4.2.3

Vue version

4.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

All. Any.

Steps to reproduce the behavior

<RadioButton v-model="type" input-id="preparation" name="preparation" value="preparation" /> <label for="preparation">{{ t('preparation') }}</label>

Place a RadioButton and change html font size to 14px

html { font-size: 14px; }

I have to fix it forcing p-radiobutton-box to 20px instead of 21px that is being calculated

.p-radiobutton-box { height: 20px !important; width: 20px !important; }

You can check it in the reproduction, that is actually the example from your docs. Some are ok, some are not.

Expected behavior

[github-actions]

Due to PrimeVue team's busy roadmap, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨