import { css } from 'styled-components';
import type { ColorToken } from '~/types/tokens';
/**
 * Modifies a color token with an opacity value using the oklab color space.
 *
 * @warning This requires the browser to support the color-mix css function.
 * Use `@supports` to progressively enhance the experience.
 */
export declare function tokenWithOpacity(token: ColorToken, opacity: number): string;
/**
 * Wraps a user css block with a helper to add transparency to a color token
 * when supported and a fallback when not.
 */
export declare function cssWithTransparentToken(userCss: (modifyToken: (token: ColorToken) => string) => ReturnType<typeof css>): import("styled-components").RuleSet<object>;