How I can add responsiveness to components?

[arslanhyder]

I have a Next.js app where I’m using @workday/canvas-kit-react@11.0.20. I’d like to know how to apply responsive styling to Canvas Kit components. For example, with Tailwind CSS, we can adjust font sizes like this: text-xs sm:text-sm. How can I achieve similar responsive styling for Canvas Kit components, such as PrimaryButton?

I’ve been referring to the breakpoints documentation, but I couldn’t find any examples that show how to use breakpoints directly with components. Any guidance would be greatly appreciated. Thank you!