Add type definitions for the CSS files (#56)

By default TypeScript ignores unresolved bare imports. This can be made
into a type error with `noUncheckedSideEffectImports`. However,
TypeScript also disallows importing unknown file extensions. This can be
enabled using `allowArbitraryExtensions`. This makes TypeScript resolve
the style imports, but the type definitions are missing.

This change updates the script for generating the styles to also add
type definitions. This allows people to import the styles.

Author: remcohaszing

script/css.js

@@ -38,6 +38,7 @@
 
 import assert from 'node:assert/strict'
 import fs from 'node:fs/promises'
+import path from 'node:path'
 import {fileURLToPath} from 'node:url'
 import css from 'css'
 // @ts-expect-error: untyped.
@@ -145,6 +146,8 @@ for (const fileName of fileNames) {
     document.push(rule)
   }
 
+  const {ext, name} = path.parse(fileName)
+
   writePromises.push(
     fs.writeFile(
       new URL(fileName, base),
@@ -155,7 +158,8 @@ for (const fileName of fileNames) {
           document.join('\n\n'),
         {...prettierConfig, parser: 'css'}
       )
-    )
+    ),
+    fs.writeFile(new URL(name + '.d' + ext + '.ts', base), 'export {}\n')
   )
 }
 

style/both.d.css.ts

@@ -0,0 +1 @@
+export {}

style/colorblind-dark.d.css.ts

@@ -0,0 +1 @@
+export {}

style/colorblind-light.d.css.ts

@@ -0,0 +1 @@
+export {}

style/colorblind.d.css.ts

@@ -0,0 +1 @@
+export {}

style/core.d.css.ts

@@ -0,0 +1 @@
+export {}

style/dark.d.css.ts

@@ -0,0 +1 @@
+export {}

style/dimmed-dark.d.css.ts

@@ -0,0 +1 @@
+export {}

style/dimmed.d.css.ts

@@ -0,0 +1 @@
+export {}

style/high-contrast-dark.d.css.ts

@@ -0,0 +1 @@
+export {}