adopt usage of Constructable Stylesheets

Once supported by the Lit team for SSR it would be nice to adopt CSS Module scripts in place of our inline usage of CSS

    -------------------------------------------------------
    Welcome to Greenwood (v0.30.0-alpha.2) ♻️
    -------------------------------------------------------
    Initializing project config
    Initializing project workspace contexts
    Generating graph of workspace files...
    building from local sources...
    (node:49224) ExperimentalWarning: `--experimental-loader` may be removed in the future; instead use `register()`:
    --import 'data:text/javascript,import { register } from "node:module"; import { pathToFileURL } from "node:url"; register("./node_modules/%40greenwood/cli/src/loader.js", pathToFileURL("./"));'
    (Use `node --trace-warnings ...` to show where the warning was created)

    node:internal/process/promises:288
                triggerUncaughtException(err, true /* fromPromise */);
                ^
    ReferenceError [Error]: CSSStyleSheet is not defined

Before

import { LitElement, html, css } from 'lit';

export class Card extends LitElement {
  static properties = {
    title: '',
    thumbnail: ''
  };
  static styles = css`
    div {
      display: flex;
      flex-direction: column;
      /* ... */
    }
  `;

  // ...
}

customElements.define('app-card', Card);

After

/* card.css */
div {
  display: flex;
  flex-direction: column;
  /* ... */
}

import { LitElement, html, css } from 'lit';
import sheet from './card.css' with { type: 'css' };

export class Card extends LitElement {
  static properties = {
    title: '',
    thumbnail: ''
  };
  static styles = [sheet];

  // ...
}

customElements.define('app-card', Card);

thescientist13 / greenwood-lit-ssr

adopt usage of Constructable Stylesheets #15