fix adjustForLightness usage

Author: alexcarpenter

packages/clerk-js/src/ui/utils/colors/__tests__/modern.spec.ts

@@ -184,14 +184,6 @@ describe('Modern CSS Colors', () => {
       expect(result).toMatch(/color-mix\(in srgb, red, white 20%\)/);
     });
 
-    it('should fall back to relative color syntax when color-mix not supported', () => {
-      mockColorMix.mockReturnValue(false);
-      mockRelativeColorSyntax.mockReturnValue(true);
-
-      const result = colors.adjustForLightness('red', 5);
-      expect(result).toMatch(/hsl\(from red h s calc\(l \+ 10%\)\)/);
-    });
-
     it('should return original color when no modern CSS support', () => {
       mockColorMix.mockReturnValue(false);
       mockRelativeColorSyntax.mockReturnValue(false);

packages/clerk-js/src/ui/utils/colors/modern.ts

@@ -101,13 +101,6 @@ export const colors = {
       return createColorMixString(color, 'white', mixPercentage);
     }
 
-    if (cssSupports.relativeColorSyntax()) {
-      // Fallback to relative color syntax
-      // Note: We can't cap at 100% or handle edge cases in CSS, but browsers will clamp automatically
-      const adjustment = lightness * MODERN_CSS_LIMITS.LIGHTNESS_MULTIPLIER;
-      return createRelativeColorString(color, 'h', 's', `calc(l + ${adjustment}%)`);
-    }
-
     return color; // Return original if no CSS support
   },
 };