Revamp react-tokens logic

Describe the enhancement or change
Our token generation in the react-tokens package needs to be reworked as the logic we use to determine css var values doesn't match 1:1 with how that value will be determined in browser, this can lead to build breaking bugs with recursively defined values.

We've implemented a temporary fix for this, but it is still not optimal as differences in behavior could occur if a var is defined multiple times in a stylesheet. Ideally we should only parse the css within the root selector of the stylesheet.

Additionally, core currently has to add some variables to the root scope for the sole purpose of having the token created in react-tokens, ideally this will not be required in the future.

Jira Issue: PF-92

Bắt đầu bằng cách xác định package react-tokens và bản sửa tạm thời cho việc tạo token của nó, sau đó kiểm tra cách core thêm các biến vào phạm vi gốc. So sánh việc phân giải biến CSS của package với hành vi của trình duyệt, đặc biệt là các biến được định nghĩa đệ quy hoặc được định nghĩa nhiều lần. Công việc được hoàn tất khi việc phân tích phạm vi gốc khớp với cách trình duyệt phân giải và core không còn cần các biến bổ sung chỉ để tạo token.