Started this as a Sketch Library, then after sharing the way it works with the front-end developer, we decided to continue the same theory on the production front-end code base of the product.
Most of the design systems and frameworks available now offer a variety of design solutions and thousands of components that we wouldn't need. Implementing a third-party solution would be as hitting a bug with a hammer, the possibility to overwrite some styles for our needs would be higher. That's why we created our own systematic solution so we can scale it on our own without any third party dependencies.
Better performance, consistency, faster implementation for new features, easier improvement of the older ones, and more scalable front-end architecture of the product. In addition to deleting a 15,000 line of repetitive CSS code.