chore(ai): apply formatting/lint autofixes

Run `npm run format` and `npm run lint`.
Fix stylelint configuration to correctly parse variables with units in their names.
Migrate raw CSS measurements to tokens in `css/tokens.css` and update usages in `css/tailwind.source.css` and HTML templates.
Improve `scripts/check-design-tokens.mjs` to handle variable names with unit-like suffixes.

Files changed:
- css/tailwind.source.css (formatted and fixed lint)
- css/tokens.css (added tokens)
- stylelint.config.cjs (fixed regex)
- scripts/check-design-tokens.mjs (improved detection logic)
- components/profile-modal.html (fixed arbitrary values)
- index.html (fixed arbitrary values)

scripts/check-design-tokens.mjs

@@ -218,6 +218,11 @@ function shouldSkipMatch(content, index) {
   if (previousChar === "[") {
     return true;
   }
+  // Check if it's part of a variable name (e.g. --size-2px)
+  // We check if the preceding character is '-'
+  if (previousChar === "-") {
+    return true;
+  }
   return false;
 }