Bump prettier from 2.8.8 to 3.0.0 (#774)

* Bump prettier from 2.8.8 to 3.0.0

Bumps [prettier](https://github.com/prettier/prettier) from 2.8.8 to 3.0.0.
- [Release notes](https://github.com/prettier/prettier/releases)
- [Changelog](https://github.com/prettier/prettier/blob/main/CHANGELOG.md)
- [Commits](https://github.com/prettier/prettier/compare/2.8.8...3.0.0)

---
updated-dependencies:
- dependency-name: prettier
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* install eslint-plugin-prettier and @typescript-eslint/eslint-plugin at @5.0.0

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Carlos Israel Ortiz García <goodwine@google.com>

package.json

@@ -64,10 +64,12 @@
     "@types/prismjs": "^1.26.0",
     "@types/seedrandom": "^3.0.5",
     "@types/semver": "^7.5.0",
+    "@typescript-eslint/eslint-plugin": "^5.0.0",
     "cheerio": "^1.0.0-rc.12",
     "codemirror": "^6.0.1",
     "date-fns": "^2.30.0",
     "deep-equal": "^2.2.2",
+    "eslint-plugin-prettier": "^5.0.0",
     "gts": "^3.1.1",
     "immutable": "^4.3.0",
     "jquery": "^3.7.0",
@@ -84,7 +86,7 @@
     "markdown-it-footnote": "^3.0.3",
     "netlify-plugin-11ty": "^1.4.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.0",
     "prismjs": "^1.29.0",
     "rollup": "^3.26.2",
     "sass": "^1.63.6",

source/assets/sass/components/_playground.scss

@@ -93,7 +93,9 @@
   opacity: 0;
   padding-left: var(--sl-gutter--half);
   padding-right: var(--sl-gutter--half);
-  transition: opacity 0.3s 0.05s, visibility 0.3s;
+  transition:
+    opacity 0.3s 0.05s,
+    visibility 0.3s;
   visibility: hidden;
 
   &.show {

source/assets/sass/components/_pop-stripe.scss

@@ -27,7 +27,9 @@ $sl-colors: ();
 
   @for $i from 1 through list.length($sl-colors) {
     $pop: list.nth($sl-colors, $i);
-    $new: $pop ($width * ($i - 1)), $pop ($width * $i);
+    $new:
+      $pop ($width * ($i - 1)),
+      $pop ($width * $i);
     $gradient: list.join($gradient, $new, comma);
   }
 

source/assets/sass/config/_typography.scss

@@ -2,9 +2,20 @@ $sl-font-weight--light: 300;
 $sl-font-weight--regular: 400;
 $sl-font-weight--bold: 600;
 
-$sl-font-family--text: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI',
+$sl-font-family--text:
-  roboto, ubuntu, cantarell, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+  'Source Sans Pro',
-  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
+  system-ui,
+  -apple-system,
+  'Segoe UI',
+  roboto,
+  ubuntu,
+  cantarell,
+  'Noto Sans',
+  sans-serif,
+  'Apple Color Emoji',
+  'Segoe UI Emoji',
+  'Segoe UI Symbol',
+  'Noto Color Emoji' !default;
 $sl-font-family--display: 'Source Serif Pro', 'Apple Garamond', 'Baskerville',
   'Times New Roman', 'Droid Serif', times, serif, 'Apple Color Emoji',
   'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;

source/helpers/components/compatibility.ts

@@ -40,7 +40,7 @@ interface CompatibilityOptions {
 
 const extend = <
   K extends keyof CompatibilityOptions,
-  V extends CompatibilityOptions[K]
+  V extends CompatibilityOptions[K],
 >(
   value: V,
   obj: CompatibilityOptions,

tool/typedoc-theme.js

@@ -3,7 +3,7 @@ const {
   DefaultThemeRenderContext,
   JSX,
   UrlMapping,
-  // eslint-disable-next-line node/no-missing-require
+  // eslint-disable-next-line node/no-missing-require, node/no-extraneous-require
 } = require('typedoc');
 const child_process = require('child_process');
 const fs = require('fs');