Assorted typos

build/bundle-sizes.js

@@ -39,7 +39,7 @@ const regex = /postcss\s(?<filepath>\S+)\s\-[o]\s(?<filename>.*\.css)(?:.*$)/;
 
 /**
  * @typedef {Object} Size
- * @propety {number} raw - Unminified size in bytes
+ * @property {number} raw - Unminified size in bytes
  * @property {string} size - Unminified size in KiB
  * @property {string} minified - Minified size in KiB
  * @property {string} brotli - Brotli compressed minified size in KiB

docsite/index.html

@@ -1102,7 +1102,7 @@ <h4>CLI</h4>
                   <h6>Customize Bundles</h6>
                   <p></p>
                   <pre class="language-js"><code>
-                    // bulid src files
+                    // build src files
                     npm run gen:shadowdom                   // src files with `:host` instead of `html`
                     npm run gen:nowhere                     // src files without `:where()`
                     npm run gen:prefixed                    // each prop prefixed with `op`, like `--op-font-size-1`
@@ -1197,7 +1197,7 @@ <h4>Autocomplete</h4>
                 <a href="https://www.sublimetext.com/docs/completions.html#plugins" target="_blank">plugins</a>.
               </li>
               <li>
-                An approach that is less strenous is the "completion file" approach.
+                An approach that is less strenuous is the "completion file" approach.
                 Here, all you'd be required to do is point the `scope` keyword in the .sublime-completions file to the open-props classes in the node_modules folder like so:
               </li>
               <pre class="language-js"><code>

docsite/js/scrollspy.js

@@ -18,7 +18,7 @@ let observer = new IntersectionObserver(entries => {
     const id = entry.target.id;
     // Find it's corresponding link
     const link = linkMap[`#` + id];
-    // Highlight the link of the interesecting container
+    // Highlight the link of the intersecting container
     // and remove any existing containers
     if(entry.isIntersecting) {
       link.classList.add('in-view')
@@ -35,8 +35,8 @@ let observer = new IntersectionObserver(entries => {
     }
   }
   // Set a threshold of 10% of the target's visibility to trigger the 
-  // observer's calback. This will trigger the new section faster and
-  // help keep multiple sections higlighted.
+  // observer's callback. This will trigger the new section faster and
+  // help keep multiple sections highlighted.
 }, { threshold: .1 });
 
 for (let container of containers) {