Preformatted block: Add support for font sizes (#27584)

* Add preformatted block styles and font settings.

* Add font size fallback.

* Remove unnecessary overflow property and use `pre-wrap` instead.

This is a more elegant solution compared to the previous one, which relied on overflow.

* Remove editor.scss

* Remove CSS custom property.

This is the theme's job. For more information, see #27672

* Add stylesheet to `block.json` file

This is added due to new requirement implemented in #25220

Co-authored-by: Ari Stathopoulos <aristath@gmail.com>

* Add preformatted block to theme-json.md specs.

* Fix preformatted block support information on theme-json.md specs.

Co-authored-by: Ari Stathopoulos <aristath@gmail.com>

docs/designers-developers/developers/themes/theme-json.md

@@ -366,6 +366,7 @@ These are the current typography properties supported by blocks:
 | Post Hierarchical Terms | - | Yes | - | - | Yes | - | - |
 | Post Tags | - | Yes | - | - | Yes | - | - |
 | Post Title | Yes | Yes | - | - | Yes | - | - |
+| Preformatted | - | Yes | - | - | - | - | - |
 | Site Tagline | Yes | Yes | - | - | Yes | - | - |
 | Site Title | Yes | Yes | - | - | Yes | - | - |
 | Verse | Yes | Yes | - | - | - | - | - |

packages/block-library/src/preformatted/block.json

@@ -12,6 +12,8 @@
 		}
 	},
 	"supports": {
-		"anchor": true
-	}
+		"anchor": true,
+		"fontSize": true
+	},
+	"style": "wp-block-preformatted"
 }

packages/block-library/src/preformatted/style.scss

@@ -0,0 +1,3 @@
+.wp-block-preformatted {
+	white-space: pre-wrap;
+}

packages/block-library/src/style.scss

@@ -25,6 +25,7 @@
 @import "./navigation-link/style.scss";
 @import "./paragraph/style.scss";
 @import "./post-author/style.scss";
+@import "./preformatted/style.scss";
 @import "./pullquote/style.scss";
 @import "./query-loop/style.scss";
 @import "./quote/style.scss";