fix(scss): fix error with hover (#30964)

### Parent Issue

#30959 

### Proposed Changes

This pull request includes changes to the
`core-web/libs/dotcms-scss/shared/_colors.scss` file to improve the
color accessibility and consistency in the codebase.

Improvements to color accessibility:

* Changed the value of `--color-palette-primary-op-10` to use `hsla`
with a specific lightness and opacity, ensuring better color
accessibility.

### Checklist
- [x] Tests
- [x] Translations
- [x] Security Implications Contemplated (add notes if applicable)

### Screenshots

<img width="395" alt="Screenshot 2024-12-17 at 3 56 40 PM"
src="https://github.com/user-attachments/assets/114b53dd-ae91-4cc2-b477-f25972cf67d5"
/>

core-web/libs/dotcms-scss/shared/_colors.scss

@@ -236,7 +236,7 @@ $success: $color-accessible-text-green;
     --primary-800: var(--color-palette-primary-800);
     --primary-900: var(--color-palette-primary-900);
 
-    --color-palette-primary-op-10: var(--color-palette-primary-op-10);
+    --color-palette-primary-op-10: hsla(var(--color-primary-h), var(--color-primary-s), 60%, 0.1);
     --color-palette-primary-op-20: hsla(var(--color-primary-h), var(--color-primary-s), 60%, 0.2);
     --color-palette-primary-op-30: hsla(var(--color-primary-h), var(--color-primary-s), 60%, 0.3);
     --color-palette-primary-op-40: hsla(var(--color-primary-h), var(--color-primary-s), 60%, 0.4);