Refactor styles for consistency and clarity across components

- Updated theme.scss to use rgb() for background colors and added stylelint rules.
- Modified _mixins.scss to reorder properties for better readability and consistency.
- Enhanced button styles in _buttons.scss for improved layout and hover effects.
- Improved card styles in _cards.scss for better hover effects and layout consistency.
- Refined dialog styles in _dialogs.scss to enhance animations and layout.
- Updated form styles in _forms.scss for better accessibility and consistency.
- Enhanced header styles in _header.scss for improved layout and visual hierarchy.
- Refined typography styles in _typography.scss for better readability and consistency.
- Improved utility classes in _utilities.scss for better opacity handling and layout.

package.json

@@ -77,6 +77,7 @@
         "globals": "^16.0.0",
         "stylelint": "^17.0.0",
         "stylelint-config-standard-scss": "^17.0.0",
+        "stylelint-order": "^7.0.1",
         "stylelint-scss": "^7.0.0",
         "typescript": "~5.9.3",
         "typescript-eslint": "^8.53.1"