QR Code component: Pug SCSS

What are you most proud of, and what would you do differently next time?

I used a variation of the 7-in-1 SCSS architecture and used maps for theme and typography. I love how they are used in my component like this:

.qr__body--title {
  @include typography.size('title');
  color: theme.color('primary');
}

What challenges did you encounter, and how did you overcome them?

Deploy the generated files to GitHub, I created a task with the following command: git subtree push --prefix public origin deploy.

What specific areas of your project would you like help with?

Regarding theme and typography standards, I like using maps, but I'm unsure if it's the best way to do it.