Feat(docs, src): update dependencies and change shades of customs properties

[Gabojcb]

Hello Pragmate UI Team 👋

This PR introduces a new color scale for the Pragmate design system variables, improving flexibility and consistency across light and dark modes.

What Changed

• Updated all color palettes (primary, secondary, tertiary, gray, error, success, info, warning) to use a 25–950 scale instead of the old 0–100 scale.
• Each palette now includes 11 steps, providing smoother gradients and better support for accessibility and theming.
• Default references (e.g., --primary, --secondary, etc.) point to their respective -500 value as the base color.
• Improved support for light and dark mode adjustments by having finer control over tone selection.

Why This Change?

Previously, our palette only defined shades from 0 to 100, which limited flexibility and made dark/light mode theming harder to manage.
By expanding the range to 25–950, we now have:

• More granular shades for UI states (hover, active, disabled, etc.).
• Better balance between contrast and accessibility in both light and dark themes.
• A scalable system aligned with modern design token practices.

Example

--primary-25:  #eff0ff;   /* very light */
--primary-500: #115efa;   /* base */
--primary-950: #00164d;   /* very dark */