How to use the @guardian/src-foundations/typography.textSans.small function in @guardian/src-foundations

}
		}
	}
`

export const labelText = css`
	${textSans.medium()};
	color: ${palette.text.primary};
`

export const labelTextWithSupportingText = css`
	${textSans.medium()};
`

export const supportingText = css`
	${textSans.small()};
	color: ${palette.text.secondary};
`

export const tick = css`
	@supports (appearance: none) {
		/* overall positional properties */
		position: absolute;
		top: 15px;
		left: 9px;
		width: 6px;
		height: 12px;
		transform: rotate(45deg);
		z-index: 5;

		/* the checkmark ✓ */
		&:after,

export const supportingText = ({
	radio,
}: { radio: RadioTheme } = radioLight) => css`
	${textSans.small()};
	color: ${radio.textSupporting};
`

export const text = ({
	textInput,
}: { textInput: TextInputTheme } = textInputLight) => css`
	${textSans.medium()};
	color: ${textInput.textLabel};
	margin-bottom: ${space[1]}px;
`

export const errorInput = css`
	border: 4px solid ${palette.border.error};
	color: ${palette.error.main};
`

export const optionalLabel = css`
	${textSans.small()};
	color: ${palette.text.secondary};
	font-style: italic;
`

export const supportingText = css`
	${textSans.small()};
	color: ${palette.text.secondary};
	margin-bottom: ${space[1]}px;
`