How can I dynamically load and compile LESS stylesheets after page load using less.js?

Load less.js Rules Dynamically

Dynamically loading styles after page load presents challenges when using less.js, as it requires all LESS stylesheets to be loaded before the less.js script.

To resolve this issue, version 1.0.31 of less.js introduces the less.refreshStyles() method. This method enables you to re-compile