[Custom Breakpoints] How layouts and components behave in Tailwind

[kvpasupuleti]

For developing our own design system, we are extending Tailwind and would like to customize the breakpoints.

And, we are thinking of purchasing the Tailwind components too.

We got these doubts while going through the documentation.

1. Will the layouts and typography scaling work as expected if we use custom breakpoints?
   • Can we specify a breakpoint-specific size (font size, height, etc) switch with custom breakpoints and they work as expected?
2. As the Tailwind components are designed according to the default breakpoints in Tailwind, will they work correctly and responsively with our custom breakpoints, or is any customization needed?
   • If the customization is done for a lot of other tokens (space tokens, typography, breakpoints, etc) too, will the Tailwind components be generated based on our customization, or are they completely aligned to the default Tailwind config?

Can somebody answer these?