FloatLabel Doesn't work as expected

[mrfinrod]

I am using PrimeVue version 4.0.7
Copied the code from the official documentation page

Over Label

    <FloatLabel variant="in">
        <InputNumber v-model="value2" inputId="in_label" mode="currency" currency="USD" locale="en-US" variant="filled" />
        <label for="in_label">In Label</label>
    </ FloatLabel>

    <FloatLabel variant="on">
        <InputNumber v-model="value3" inputId="on_label" mode="currency" currency="USD" locale="en-US" />
        <label for="on_label">On Label</label>
    </ FloatLabel>
</div>

<script setup> import { ref } from "vue"; const value1 = ref(null); const value2 = ref(null); const value3 = ref(null); </script>

All three fields work the same as the first field like "over label"
On a page in the documentation I found the classes
p-floatlabel-over
p-floatlabel-in
p-floatlabel-on
attached to span, but they don't exist when I run code above.
Can you help me, please?

[mrfinrod]

Updated PrimeVue from version 4.0.7 to 4.1 and it works great!