Optimize CSS class names in production builds

[Timer]

Feature request

Is your feature request related to a problem? Please describe.

Next.js generates verbose CSS class names for development and production builds, thus increasing the production size unnecessarily.

Describe the solution you'd like

Keep the verbose names in development for debugging, however, production should use single-character class names.

[samcx]

Moving this to discussions since this is a feature request!