[chore] Build deployment pieces

[Foscat]

Summary

This pull request introduces a new release (v1.0.4) with significant improvements to the build process, testing infrastructure, and project assets. The main highlights are the addition of automated CSS builds, full Playwright end-to-end (E2E) test integration, and a switch from SVG to PNG for branded assets and social previews. The CI/CD workflows are modernized to ensure all linting, builds, and tests run before publishing, and the documentation is updated to reflect these changes.

Build and Testing Automation

• Added a build script using lightningcss to bundle and minify all style systems into dist/ui-style-kit.css and dist/ui-style-kit.min.css. (scripts/build-css.js, package.json) [1] [2] [3]
• Integrated Playwright for E2E browser testing, including configuration, CLI wrapper, and a sample test for the demo. (playwright.config.js, scripts/playwright-cli.js, tests/e2e/demo.spec.js, package.json) [1] [2] [3] [4]

CI/CD Workflow Improvements

• Refactored GitHub Actions workflows to run lint, build, unit, and E2E tests before publishing or releasing; added Playwright artifacts upload and NPM token checks. (.github/workflows/ci.yml, .github/workflows/npm-publish.yml, .github/workflows/release-version-alignment.yml) [1] [2] [3] [4] [5]

Asset and Metadata Updates

• Switched demo and SEO assets from SVG (favicon.svg, og-preview.svg) to PNG (logo.png, social-card.png) for broader compatibility and branding consistency. Updated all references in index.html, site.webmanifest, browserconfig.xml, and documentation. [1] [2] [3] [4] [5] [6] [7]

Documentation and Release

• Updated README.md with new build/test instructions, Playwright usage, and asset references. Added a "Full release gate" section for the new verify script. [1] [2] [3] [4]
• Bumped version to 1.0.4 and updated CHANGELOG.md to document the release and asset changes. [1] [2]

Summary of most important changes:

Build and Testing Automation

• Added build script (using lightningcss) to concatenate and minify all CSS systems into distributable files. (scripts/build-css.js, package.json) [1] [2] [3]
• Integrated Playwright for E2E testing, including configuration, CLI wrapper, and demo test. (playwright.config.js, scripts/playwright-cli.js, tests/e2e/demo.spec.js, package.json) [1] [2] [3] [4]

CI/CD Workflow Improvements

• Refactored CI and publish workflows to run lint, build, unit, and E2E tests before publishing; added Playwright artifact upload and NPM token check. (.github/workflows/ci.yml, .github/workflows/npm-publish.yml, .github/workflows/release-version-alignment.yml) [1] [2] [3] [4] [5]

Asset and Metadata Updates

• Replaced SVG demo/SEO assets with PNGs; updated all references in HTML, manifest, browserconfig, and docs. (index.html, site.webmanifest, browserconfig.xml, README.md, CHANGELOG.md) [1] [2] [3] [4] [5] [6] [7]

Documentation and Release

• Updated README.md for new build/test/release instructions and asset changes. [1] [2] [3] [4]
• Bumped version to 1.0.4 and updated changelog. [[1]](https://github.com/Foscat/ui-style-kit-css/pull/7/files#diff-06572a96a58dc510037d5efa622f9bec8519bc1beab13c9f251e

97e657a9d4edR5-R17) [2]

Type of Change

• Fix
• Feature
• Refactor
• Docs
• Chore

Validation

• npm run lint:css
• Visual sanity check in index.html demo

Checklist

• Public API changes documented (README/wiki)
• No unrelated file churn
• Code of Conduct respected