How to use tokens with styled

[jim4067]

How can I use a color token I've defined as primaryText using styled

import { styled } from '../styled-system/jsx'
 
export const PrimaryButton = styled(BaseButton, {
	base: {
		background: "transparent",
		border: "2px solid token(primaryText)",
		_hover: {
			background: "black",
			color: "white",
		},
	},
});

I've tried using token but nothing happens.

[anubra266]

@jim4067 https://play.panda-css.com/eFaht4fkPH