I find using specific H1 - H6 is confining since different pages may need a different size H1 and so on. Also instead of making 2 sets for desktop and mobile this would work as one file. Does anyone work like this and use something similar in handoff?
I happen to agree with the poster. I think the problem that we are mixing hierarchy with size, and you quickly come across a problem if you want to use a large size but not use an h1 for example. I try to think more on a component level, and think of the h1 of the component. I think ChatGPT says it better:
"Don't use H1-H6 tags for styling: Avoid using H1-H6 tags solely for styling purposes, such as to increase the size of text. Use CSS to style the text instead."