refactor(components): rewrite Heading component

* remove `alignment` and `withMargin` props (consumer should handle
that)
* move styles to Sass placeholders to avoid repeats with headings
coming from WordPress
* refactor some other components that depend on Heading to avoid ESlint
errors

1 files changed, 27 insertions, 0 deletions

diff --git a/src/components/atoms/heading/heading.module.scss b/src/components/atoms/heading/heading.module.scss
new file mode 100644
index 0000000..a2e339a
--- /dev/null
+++ b/src/components/atoms/heading/heading.module.scss
@@ -0,0 +1,27 @@
+@use "../../../styles/abstracts/placeholders";
+
+.heading {
+  &--1 {
+    @extend %h1;
+  }
+
+  &--2 {
+    @extend %h2;
+  }
+
+  &--3 {
+    @extend %h3;
+  }
+
+  &--4 {
+    @extend %h4;
+  }
+
+  &--5 {
+    @extend %h5;
+  }
+
+  &--6 {
+    @extend %h6;
+  }
+}