change stylelint rules

.stylelintrc

@@ -1,3 +1,7 @@
 {
-  "extends": "stylelint-config-recommended"
+  "extends": "stylelint-config-recommended",
+  "rules": {
+    "no-duplicate-selectors": null,
+    "no-descending-specificity": null
+  }
 }

scripts/docgen/index.ts

@@ -1,7 +1,7 @@
 import path from 'path'
 import fs from 'fs'
-import { findMatchingFiles, Config as FindMatchingFilesConfig } from './lib/findMatchingFiles'
+import { findMatchingFiles, type Config as FindMatchingFilesConfig } from './lib/findMatchingFiles'
-import { extractProperties } from './lib/extractProperties'
+import { extractProperties, type Doc } from './lib/extractProperties'
 import { config }from './config'
 
 export type Config =
@@ -10,6 +10,8 @@ export type Config =
     filename: string
   }
 
+export type GeneratedDocument = Doc[]
+
 console.time('[docgen]')
 
 const files = findMatchingFiles(config.include, config.exclude)

src/elements/button/button.css

@@ -19,17 +19,19 @@
   initial-value: gray;
 }
 
+/**
+ * CSS Variables
+ */
 .nes-btn {
-  /**
-   * CSS Variables
-   */
   --nes-btn-border-width: 4px;
   --nes-btn-border-color: black;
   --nes-btn-border-inset-color: gray;
+}
 
-  /**
+/**
-  * Basic Style
+* Basic Style
-  */
+*/
+.nes-btn {
   border: solid var(--nes-btn-border-width) var(--nes-btn-border-color);
   box-shadow:
     inset 0 calc(var(--nes-btn-border-width) * -1) var(--nes-btn-border-inset-color),

src/elements/button/index.ts

@@ -0,0 +1 @@
+import 'button.css'

types/env.d.ts

@@ -0,0 +1,8 @@
+import type { GeneratedDocument } from "../scripts/docgen"
+
+declare module '*.css';
+
+declare module '*.properties.json' {
+  const json: GeneratedDocument
+  export default json
+}