WYSIWYG does not load less styles

I've come up with a solution/workaround, which currently only works with TinyMCE editor using the WYSIWYG module. The WYSIWYG module creates a javascript setting called "content_css" which is nested deep in to Drupal.settings. The code below will traverse the js settings searching for tinymce settings with a content_css setting. It will then call _less_pre_render() with only the files included in content_css and perform the relevant checks to ensure convert the less file to a css file, or serve up the already generated css file if current.

<?php
/**
 * Implements hook_js_alter().
 */
function MYMODULE_js_alter(&$javascript) {
  if (module_exists('less')) {
    $settings =& $javascript['settings'];
    foreach ($settings['data'] as $key => $setting) {
      if (isset($setting['wysiwyg']['configs']['tinymce'])) {
        $tinymce = $setting['wysiwyg']['configs']['tinymce'];
        foreach (array_keys($tinymce) as $profile) {
          if (substr($profile, 0, 6) == 'format') {
            if (isset($tinymce[$profile]['content_css'])) {
              $content_css = $setting['wysiwyg']['configs']['tinymce'][$profile]['content_css'];
              $css_files = explode(',', $content_css);
              $files = array('#items' => array());
              foreach ($css_files as $css_file) {
                if (strpos($css_file, base_path()) === 0) {
                  $css_file = substr($css_file, strlen(base_path()));
                }
                $files['#items'][$css_file] = array('data' => $css_file);
              }
              $files = _less_pre_render($files);
              
              $final_setting = array();
              foreach ($files['#items'] as $file) {
                if (isset($file['data'])) {
                  $final_settings[] = file_create_url($file['data']);
                }
              }
              
              $settings['data'][$key]['wysiwyg']['configs']['tinymce'][$profile]['content_css'] = implode(',', $final_settings);
            }
          }
        }
      }
    }
  }
}
?>

I found a much cleaner approach, did not know hook_wysiwyg_editor_settings_alter() existed.

<?php
/**
 * Implements hook_wysiwyg_editor_settings_alter().
 * Check the css_content WYSIWYG setting for LESS files and replace with 
 * generated CSS files where necessary.
 */
function less_wysiwyg_editor_settings_alter(&$settings, &$context) {
  if (isset($settings['content_css'])) {
    $content_css = $settings['content_css'];
    $css_files = explode(',', $content_css);
    $files = array('#items' => array());
    foreach ($css_files as $css_file) {
      if (strpos($css_file, base_path()) === 0) {
        $css_file = substr($css_file, strlen(base_path()));
      }
      $files['#items'][$css_file] = array('data' => $css_file);
    }
    $files = _less_pre_render($files);
    $final_setting = array();
    foreach ($files['#items'] as $file) {
      if (isset($file['data'])) {
        $final_settings[] = file_create_url($file['data']);
      }
    }
    $settings['content_css'] = implode(',', $final_settings);    
  }
}
?>