Angular's PrimeNG button displays differently

I created a new angular application and I'm planning to use PrimeNG V19 as my UI suite. However, upon setting this up, I just can't seem to make the "test" button match the color sampled in the documentation.

I've tried changing from Aura to Lara and to Nora, the style of the button changes, but its just the color that's been bothering me.

Here's what's displayed in mine

In the documentation, it should look like this

here's my app.config.ts file

here's my tailwind.config.js file

here's my .postcssrc.json file

I refered to these documentations:

• https://primeng.org/tailwind
• https://primeng.org/installation
• https://tailwindcss.com/docs/installation/framework-guides/angular