Password: toggle mask icon is misplaced when using Tailwind.css

[jonas-hallwachs-aimpera]

Describe the bug

The eye icon to toggle the mask in the password component is misplaced when using tailwind.css (see stackblitz). The icon is not centered vertically as intended, but slightly too low.

When i comment out @tailwind base; in global.css the icon is placed correctly.

Reproducer

https://stackblitz.com/edit/stackblitz-starters-hoigxg

System Information

  System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 18.20.3 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.2.3 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  npmPackages:
    primereact: ^10.8.4 => 10.8.4 
    react: 18.2.0 => 18.2.0 
    tailwindcss: 3.4.15 => 3.4.15 

Steps to reproduce the behavior

1. use Tailwind in your PrimeReact application
2. add a password component with toggleMask

Expected behavior

The item should be centered vertically.