feat: add tailwindcss and replace oc-m/p classes

[JammingBen]

Introduces Tailwind CSS.

Also replaces our margin and padding utility classes with Tailwind ones. The overall feel and look of the UI should be roughly the same as before. Maybe you'll find some minor differences in spacing due to them being more streamlined and many parts still missing.

The next step is to remove all margins and paddings from custom css and replace them with either Tailwind utility classes or by moving them to Tailwind's layer system.

The design-system docs also need some more work, I didn't get it to run well with Tailwind so far. Needs some more investigation and a follow-up PR.

Migration

• oc-m-xs > m-1
• oc-m-s > m-2
• oc-m-m > m-4
• oc-m-l > m-6
• oc-m-xl > m-12
• oc-m-xxl > m-24
• oc-m > m-4
• oc-m-rm > m-0

refs #937

[Copilot]

Pull Request Overview

This PR introduces Tailwind CSS and replaces the existing custom margin and padding utility classes with Tailwind equivalents. The change aims to modernize the styling system by transitioning from custom oc-m and oc-p classes to Tailwind's standardized utility classes.

Key Changes:

• Added Tailwind CSS configuration and integration to the build system
• Replaced custom margin/padding classes (oc-m-*, oc-p-*) with Tailwind equivalents (m-*, p-*)
• Updated test snapshots to reflect the new class names

Reviewed Changes

Copilot reviewed 237 out of 238 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
vite.config.ts	Added Tailwind CSS plugin and build configuration
packages/web-runtime/src/tailwind.ts	Entry point for Tailwind CSS imports
packages/web-runtime/src/tailwind.css	Tailwind CSS configuration with custom spacing
Various .vue files	Updated class names from custom utilities to Tailwind equivalents
Test snapshot files	Updated snapshots to reflect new Tailwind class names

Files not reviewed (1)

• pnpm-lock.yaml: Language not supported

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[kulmann]

Nice work 💪